Any way how to create upper/bottom index in text field?

Hello Nicepage,
I just wanted to let you know, that this request can be solved in much easier way, than to add HTML elements. In my WIndows 10 PRO 64-bit, as well as in other W10 system is built-in panel for emojies, that also contains my required upper and bottom indexes.

So just quick and easy how-to for your support team or for other readers of your board that might need to solve it as well as I needed:
1) hit WIN+. (dot) combo.
2) emoji panel appears, with smilies on first screen.
3) click to Ω symbol in upper menu for opening mathematical symbols.
4) Choose your preffered symbol and while editing an element, click on it.

And guess what? It is there :-) ² ₂ ⅝ ὥ
Please note of scroll bars at right side of the window - there is many many symbol/emojies.
So I believe, this post might got found useful for someone else in the same situation. 😎

Regards,
Michal

Last edited 21 September 2020 by michal84

At this moment, regarding this requirement, I have resolved my issue.

Thanks and have a nice day,
Michal

Hi Michal,

We glad that you managed to solve this issue. I've asked our developers to check the issue with extra space. In the meantime please use the solution with html code.
Please let us know if you need our further assistance.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I have nice findings that works for me finally!

I simply removed both SUP tags, and replaced number 2 by HTML code: ²

Then on web page it is shown as expected.
The source of those codes is on this link https://www.keynotesupport.com/internet/special-characters-math-currency.shtml
Still, I would expect more user friendly editing, than to seek on Internet, which HTML code is for which number and whether it is superscript or subscript.

Last edited 22 November 2019 by michal84

Hello Olivia,
unfortunately, this is not the case. In the attachment is shown the preview in the editor and also the code. There is no space, and therefore I do not understand, where the space is taken from. Any other idea, why the space is caused?
Thanks,
Michal

Hi Michal,

It looks like the text before the index contains space. Did you add line break before the SUP tag?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Olivia,
so I created the text in Nicepage Joomla! plugin, saved the page, displayed the created page in the web browser, and just appended the tags <sup> and </sup> around the number 2. No space, nothing else, but the result is, that the text looks like "49,5m[space][upper-indexed-number-2]". In the editor it looks exactly, I would like to be.
I have found on the Internet only the problem with the index line height.
My code is: <h1 class data-animation-name data-animation-duration data-animation-delay data-animation-direction style><b>Byt 2+kk, 49,5m<sup style>2</sup></b></h1>
Within the tags SUP is no space as well as is no space beyond the character m. Any idea, how can I fix this?
https://www.kopl.pro/en/pronajem-byt-4 (the page I made by Nicepage Joomla! plugin, and where I need to use upper index).
Thanks for your answer.
Michal

Michal,

Botton and upper indexes on the webpage are created by the separate HTML tags SUP and SUB. Unfortunately, Nicepage does not provide control, which creates such tags automatically. Therefore you need to use HTML control with custom HTML like the code you provided previously. There are a lot of existing examples of this. No need for good HTML/CSS knowledge.
https://www.w3schools.com/tags/tag_sup.asp

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Olivia,
have a look to attached document. That is just a tiny snipp from the page made by Nicepage (Heading1).
Red rounded rectangular defines the part, I would need to adjust to contain that upper index. I would like not to manualy type the HTML code.
If the request would need coding, how about to use your GUI to create the code of any element in the page, where it would be available to display and adjust the HTML code in the text, that would be expected to shown as upper or bottom index.
I understand, that this would require from users of your app, the knowledge of HTML or even CSS or JS.
Thanks,
Michal

Hi Michal,

I am supposed to assign some already existing CSS class, or is there some better way to increase font size, then manualy edit it in HTML like below:

Do you mean the size of the upper and bottom indexes? You can assign a class and then add css or add inline css. Nicepage specifies 75% font size for SUP and SUB elements.

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hmm, and in this case, I am supposed to assign some already existing CSS class, or is there some better way to increase font size, then manualy edit it in HTML like below:

<h1><font size="+5">2+kk, 49m²</font></h1>

That would require on me, to type fresh new CSS class or adjust some big enough, already existing CSS class.
Still, I would love to have fresh new 2 icons in editor.
Thanks for your previous answer.
Michal

Last edited 18 November 2019 by michal84

Michal,

You can do that using the HTML control, in which you can use the ^{and _tags.}

Thank you!
...................................................
Sincerely,
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp