Styling Isn't Same between Preview and Builder

  • veritas
    Asked on May 24, 2017 at 5:35 PM

    I've noticed that on some forms, the font isn't correct in the published or even previewed version of the form. I don't have any custom CSS that would conflict with the code. See the screenshot for what I'm expecting. Go to the link to see that the form has no logo in the header and isn't the expected font.

     

    I can only reproduce this issue some of the time. Last week I noticed that over time, the published form adapted to the style, but I don't think it's an issue with cookies or caching.

    Any ideas?

     

    In Builder:

    Styling Isnt Same between Preview and Builder Image 1 Screenshot 30

    Published:

    Styling Isnt Same between Preview and Builder Image 2 Screenshot 41

    Jotform Thread 1153987 Screenshot
    Page URL: https://www.jotform.com/veritas/join-the-cac-team
  • Elton Support Team Lead
    Replied on May 24, 2017 at 6:53 PM

    Our apologies for the inconveniences caused.

    1. The logo isn't appearing on preview because the image where the link is hosted does not support SSL or HTTPS.

    https://veritascolumbus.com/wp-content/uploads/2014/12/Veritas-Apple-iPad-Icon.png

    To fix this, remove the logo.

    Styling Isnt Same between Preview and Builder Image 1 Screenshot 30

    Then upload it manually instead of using its direct link.

    Styling Isnt Same between Preview and Builder Image 2 Screenshot 41

    2. As for the fonts, can you please check it again this time? I simply re-selected the same font and save your form. I also cleared your form cache from our side. It should work this time.

    Thanks

  • SANCsuzuki
    Replied on May 26, 2017 at 4:22 PM

    Hello, 

    I am running into a similar problem.  I've attached 2 file:  

    - The form in Edit Mode

    - The form in Preview Mode

     

    Issues: 

    - Background is green rather than grey in the preview

    - Type in fields line up nicely - but not in the preview

     

    What do I need to do to fix these issues?

     

    Thank-you.Styling Isnt Same between Preview and Builder Image 1 Screenshot 30Styling Isnt Same between Preview and Builder Image 2 Screenshot 41

  • David JotForm Support Manager
    Replied on May 26, 2017 at 4:44 PM

    @Suzuki98, your question will be addressed on the following thread: https://www.jotform.com/answers/1155991 

  • veritas
    Replied on May 30, 2017 at 12:27 PM

    Thanks for your help! The part about the logo not showing makes sense. I've followed your suggestion.