Text Field: H1 tags are being stripped off

  • Profile Image
    HagadoneForms
    Asked on December 27, 2016 at 01:21 PM

    I've run into an odd issue with the last set of forms I created. The h1's are being stripped out of my text. Everything is fine in the code and in the editor, but once the form is published, the h1's are pulled.

    Any ideas? The link is to the form, screenshot is of the editor.

  • Profile Image
    Nik_C
    Answered on December 27, 2016 at 02:17 PM

    It was some strange offset of the H1 paragraph that you added. I re-added it to your form and set it up to be like it was. Please check it and let us know how it works for you now. Here is how it looks like now:

    If you need any further assistance please let us know.

    Thank you!

  • Profile Image
    HagadoneForms
    Answered on December 27, 2016 at 02:27 PM

    That doesn't actually answer my question. The code in question looked like this (from another form with the same issue):

    <h1 style="text-align: center;">Anniversary Announcement</h1>

    <p style="text-align: center;">Fill out the form below to submit your Anniversary Announcement.</p>

     

    All you did was change out the h1's for p tags and added styling to make it look like the h1:

    <p style="text-align: center;"><span style="font-size: 18pt;"><strong>Classifieds Ad Form</strong></span></p>

    <p style="text-align: center;">Fill out the form below to submit your Classified Ad.</p>

    So that doesn't answer the issue of the h1 tags being stripped, which is not an issue with the other 100ish forms I have on the account, all set up with the same template.

     

  • Profile Image
    Jim_R
    Answered on December 27, 2016 at 04:35 PM

    @HagadoneForms, you're right. The H1 tags are being stripped off from the Text Field. They appear fine on the Form Builder but not when viewed on the actual form.

    In order to stick with the original form you initially reported https://form.jotform.com/63566940965167, I cloned it and re-applied the same H1 tags you gave (that came from another form).

    <h1 style="text-align: center;">Classifieds Ad Form</h1>

    <p style="text-align: center;">Fill out the form below to submit your Anniversary Announcement.</p>

    <p style="text-align: center;">&nbsp;</p>

    And this was how it looked like from the Form Builder VS the actual Form Preview:

    FORM BUILDER:

    FORM PREVIEW:

    I've escalated this to our Devs and although I won't be able to give you any timeframe, rest assured, we'll keep you apprised on this same thread if/when there's an update.

    For the time being, I recommend you to go with the alternative solution my colleague has come up with. Use <p> tags instead and style it to look like an <h1> tag.

  • Profile Image
    HagadoneForms
    Answered on December 27, 2016 at 04:38 PM

    Thank you! I'll use the alternative solution for now.

  • Profile Image
    kutlu
    Answered on December 28, 2016 at 07:26 AM

    Hello, 

    Now, <h1> tag should be displayed properly!

    Best Regards