Header image not showing on form builder.

  • farmcreditIL
    Asked on May 16, 2016 at 5: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.

  • Chriistian Jotform Support
    Replied on May 16, 2016 at 9: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.

    Header image not showing on form builder Screenshot 30

    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.

    Header image not showing on form builder Screenshot 41

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