Why my form does not save its layout while on preview?

  • Profile Image
    u00mrb
    Asked on May 08, 2017 at 05:20 PM

    When I am in the build of the form it looks good and formatted way in which I wanted. When I go to preview or publish the for is not formatted correctly. 

  • Profile Image
    Kevin_G
    Answered on May 08, 2017 at 07:42 PM

    I have checked your form and I can see what you're referring; however, seems like the form has a max width value that does not allow to increase it, if you inject this one you could override that code and allow the form to have the width value you have set up through the form settings: 

    .supernova .form-all, .form-all{

    max-width: initial;

    }

    This guide will help you to inject the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Now, you should also increase the form's width until you reach the correct value to display your forms properly, if your forms are displayed inline, but the form's width is not enough then the layout will be broken. 

    This guide will help you to get more information about form's width: https://www.jotform.com/help/35-The-Importance-of-Form-Widths 

    You should also make sure your form has the background fixed option marked, this can be done on the advanced designer

    Hope this helps.