How to increase the width of my Form?

  • Profile Image
    bksit
    Asked on April 30, 2019 at 01: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

  • Profile Image
    tertekin
    Answered on April 30, 2019 at 06: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).

                                          15566196481.png

     

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

    15566200802.png

     

    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.

    15566204833.png

     

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

                              15566208844.png

     

    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.

  • Profile Image
    Richie_P
    Answered 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.