Header images not displaying on SOME of my forms.

  • ppradmin
    Asked on December 22, 2015 at 1:24 PM

    I've created four forms:

    RYLA - Form 2

    RYLA - Form #3

    RYLA - Form 4

    RYLA - Form 5

    The header images are different for each but their dimensions are the same.

    The header images are displaying for two of the forms (RYLA - Form 2 & RYLA - Form #3) but not for the other two (RYLA - Form 4 RYLA - Form 5). 

    Can you tell me what to fix so that all for header images appear on their respective forms?

    Thank you

    Roger Black

  • jonathan
    Replied on December 22, 2015 at 2:43 PM

    Using the URL of the 2 forms shows the Header working properly.

    http://www.jotform.us/form/53496206049156

    http://www.jotform.us/form/53554543529158

    Header images not displaying on SOME of my forms Screenshot 40

     

    but I do see on the website that it does not

    Header images not displaying on SOME of my forms Screenshot 51

     

    From what I have checked so far on the website, the form was embedded using the full source code. The thing with source code embed is that there is a need to re-embed the form source every time there is an update/modification done on the form. 

    Header images not displaying on SOME of my forms Screenshot 62

    To fix this, you must get the source code embed of the form and re-embed it again on the website. 

    OR use another embed method.

    Can you please try using the default script embed code instead?

    user guide: http://www.jotform.com/help/34-Adding-a-Form-to-a-Web-Page 

    Make sure to clean/remove first any previous exist embed code of the form on the website before you add the script embed code.

    Hope this help. Let us know if issue persist.

     

     

  • jonathan
    Replied on December 22, 2015 at 2:46 PM

    I also noticed that your website was not using https but you had embedded the form using its https URL.

    Header images not displaying on SOME of my forms Screenshot 20

     

    this can cause conflict in the browser, and the browser will tend to block mixed contents (http or https). To prevent the conflict, embed the form using its HTTP URL only since it was what your website was using.

    Thanks.