Text Field: Superscript text does not show as it should be.

  • Profile Image
    IDOEWebmaster
    Asked on October 16, 2017 at 09:49 AM

    Please view the form's title on this form https://form.jotform.com/72754675529975 on the title the superscript "st" does not display as it should be.

    Thank you,

  • Profile Image
    Chriistian
    Answered on October 16, 2017 at 11:45 AM

    I cloned your form and I was able to replicate the issue you are encountering. The superscript element is working fine on the Form Builder.

    15081681902017-10-16_2335.png

    However, on form view, the superscript is not properly displayed.

    15081682352017-10-16_2335_001.png

    To fix the issue, can you please try this source code on your text field:

    <hr />

    <p style="text-align: center;"><strong><span style="font-size: 16pt;">21<span style="vertical-align: super; font-size: 14px;">st</span> Century Community Learning Centers Cohort 9 Request for Proposal Submission</span></strong></p>

    <hr />

    Just copy the code above and paste it on the source code window of the text field. To open the source code window, just click on the <> sign on the text field tool bar.

    15081685752017-10-16_2342.png

    Remove existing code and paste the provided code above.

    15081686072017-10-16_2343.png

    Then save your changes. After saving, this is how the form will look like on preview.

    15081686922017-10-16_2344.png



  • Profile Image
    IDOEWebmaster
    Answered on October 16, 2017 at 11:55 AM

    It works now. However, it would be better if the superscript code "<span style="vertical-align: super; font-size: 14px;">st</span>" could be added on the Build Edit properties?

    Thank you.

  • Profile Image
    Chriistian
    Answered on October 16, 2017 at 12:26 PM

    I have reported the issue to our development team. For now, you can use the alternative solution that I have provided. We will update you on this thread once the embedded superscript functionality in the Text field editor is working.

  • Profile Image
    IDOEWebmaster
    Answered on October 16, 2017 at 12:51 PM

    Thank you for the quick response.

    I appreciate your work.