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

    Header image not showing on form builder.

    Asked by farmcreditIL on May 16, 2016 at 05:09 PM

    Why doesn't my top header image show on my form in editing mode? I have to preview it or switch to "Designer" to see it? I'd like it to show up in editing mode.

    Page URL:
    https://form.jotform.com/61365985588980

    image not showing preview top designer OR
  • Profile Image
    JotForm Support

    Answered by Chriistian on May 16, 2016 at 09:27 PM

    I cloned your form and I was able to replicate your issue. The form cover (header image)  is not seen on the form builder, however, it can be seen on the form designer. I checked the code and it appears that the form cover is designed to show before the form, and the form builder only displays the form part. This is why the header image cannot be seen on the form.

    If you want to be able to modify the form cover (header image) , I would suggest removing the header image from the form designer.

    Inject the custom css below to remove the empty space at the top:

    .form-all {

        margin-top: 0px!important;

    }

     

    Then replace it with a heading field in the form as seen below.

    Here's a demo form so you can see how the form should look after: https://form.jotform.com/61368475556972