What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form is showing html code in the header instead of the desired text

    Asked by salamone on October 26, 2016 at 09:37 AM

    My form Gehringer Brothers Winery is showing code in the heading instead of text.  It used to be text and is now code. How can I fix that?

     

    Thank you.

    Teresa Salamone 

    salamone@vip.net

    instead of text form is showing instead heading html code in header html html formatting html in header
  • Profile Image
    JotForm Support

    Answered by Boris on October 26, 2016 at 12:00 PM

    I see that this is what you mean:

    For security reasons, our forms no longer allow adding any HTML codes into the labels of some fields, such as the Heading field. This means that your existing HTML codes inside the Heading field are showing as ordinary text, due to security measures now in place.

    There are two ways you can proceed from here. One is to continue using the Heading field, but without any HTML codes in its label. Essentially, you would be using ordinary text:

    876 Road 8 Oliver, BC V0H 1T1 (250) 498-3537 gbwines@me.com www.gehringerwines.ca

    Another way to proceed, would be to use a Text field, and insert this as its exact source code:

    <div class="header-logo"><img class="header-logo-left" src="https://www.jotform.com/uploads/guest_61936021628051/form_files/Adjusted Single Logo Dec.2015-2.jpg" alt="" width="250" /></div>
    <div class="header-text httal htvam" style="width: 100%;">
    <h3 id="header_220" class="form-header">876 Road 8 Oliver, BC V0H 1T1 <br /><a target="_blank" href="tel:(250)%20498-3537">(250) 498-3537</a> <br /><a target="_blank" href="mailto:gbwines@me.com">gbwines@me.com</a> <br /><a target="_blank" href="http://www.gehringerwines.ca" rel="nofollow" >www.gehringerwines.ca</a></h3>
    </div>

    Please see the following image on how to add it, and edit its source code:

    Once this is done, we will need to add a small bit of CSS into your form, to mimic the style from the heading field and have the image sitting next to the text:

    .form-html > .header-logo, .form-html > .header-text { display: table-cell; }

    We can add the above line of CSS into your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Essentially, the second way of proceeding would result in your form looking like this, and if you are satisfied with the result you can easily delete the old Heading field at the top:

  • Profile Image

    Answered by salamone on October 26, 2016 at 12:56 PM

    Thank you!  I made these changes and they appeared to work.  Do you have time to check to make sure that I did the change correctly?  I appreciate your prompt response. 

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 26, 2016 at 03:58 PM

    I've checked it for you from my end and as far as I can tell it looks like you've done this correctly.