Text Field: H1 tags are being stripped off

  • HagadoneForms
    Asked on December 27, 2016 at 1: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.

    Jotform Thread 1019958 Screenshot
  • Nik_C
    Replied on December 27, 2016 at 2: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:

    Text Field: H1 tags are being stripped off Image 1 Screenshot 20

    If you need any further assistance please let us know.

    Thank you!

  • HagadoneForms
    Replied on December 27, 2016 at 2: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.

     

  • Support_Management Jotform Support
    Replied on December 27, 2016 at 4: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:

    Text Field: H1 tags are being stripped off Image 1 Screenshot 30

    FORM PREVIEW:

    Text Field: H1 tags are being stripped off Image 2 Screenshot 41

    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.

  • HagadoneForms
    Replied on December 27, 2016 at 4:38 PM

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

  • kutlu
    Replied on December 28, 2016 at 7:26 AM

    Hello, 

    Now, <h1> tag should be displayed properly!

    Best Regards