How to increase the width of my Form?

  • bkitwing
    Asked on April 30, 2019 at 1:00 AM

    Hi There,


    My form is https://www.jotform.com/build/91093751976468 

    I tried to increase form width by choosing 'Form Width' as 2000 px, but it has no effect on form. What am I doing wrong?

    Due to limited width, am not able to arrange fields as I want them to be.

    Please help.

    Kinnari

  • tertekin
    Replied on April 30, 2019 at 6:48 AM

    Hello,

    You can arrange the width of your form inserting a few lines of CSS code too. Here is the steps you need to follow.

    Click the FORM DESIGNER button(top right) and then ADVANCED DESIGNER(under the COLORS label).

                                          How to increase the width of my Form? Image 10

     

    In the new page, choose the CSS label in designer tool(top right). There may be already some code there(or not).

    How to increase the width of my Form? Image 21

     

    Then click the form page. Be sure that you choose the page, not a text field or any other label. Code section may change after you clicked.

    How to increase the width of my Form? Image 32

     

    Click the "width" button and type the size you want, then select. This action will add the necessary code to your form.

                              How to increase the width of my Form? Image 43

     

    Click the "save changes" button(top left). Now you can return to build your form clicking "Back to Builder" button(top left).

    Here is the form after arranging the width size 2000px:

    https://form.jotform.com/91192523817964

    Hope this helps you.

  • Richie JotForm Support
    Replied on April 30, 2019 at 10:21 AM

    You may also try this custom CSS to increase the width of your form,

    .form-all{
     max-width: 1200px;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, let us know.