Form Layout: How do I make the form wider?

  • Profile Image
    Asked on May 29, 2016 at 09:54 PM

    The form is very narrow on my web site page, thanks.


    the form is going to the user who input the information but not to me.  How do I set it up so I receive the information after users input their information?



  • Profile Image
    Answered on May 29, 2016 at 10:15 PM

    I would not find a JotForm embedded on the link you provided, but you should be able to increase the width of your form by opening the form preferences, to do it click on the preferences button on the top toolbar:

    Once there click on the Form Styles tab and then increase the width of your form there as shown in the image below: 

    Your second question has been moved to this thread: 

    We will assist you on that thread as soon as possible. 


  • Profile Image
    Answered on May 30, 2016 at 08:15 AM

    Thanks so much for the quick response.  I copied/pasted the wrong link from my website, here is the correct one --> The form is still very narrow, despite updating the Form Width under Preferences.

    Any further suggestions?

    Thanks much (again!)


  • Profile Image
    Answered on May 30, 2016 at 10:10 AM

    I think the form width is constrained by several level of nesting tables, what you need to do is adjust the width of the outside elements and the form will also extend to that width.

  • Profile Image
    Answered on May 30, 2016 at 05:24 PM

    Thank you, again.  Last question, how do I get to that code, I cannot find it?  :)

  • Profile Image
    Answered on May 30, 2016 at 05:54 PM

    The code shown in the screenshot above should be in your website, but you can also try increasing the width of the iFrame where the form is being embedded, currently you have embedded your form using the default embed option (Javascript), to do this, I would suggest you to embed your form using the iFrame method instead, here is a guide that will help you to get the iFrame code of your form: Getting-the-form-iFrame-code

    The iFrame code should be similar to this one, I have omitted the Javascript below it that calculates the height of the form, you should replace the width, by default it is 100%, you should set it like shown in the code below: 












    This should increase the width of the element where the form is embedded as well, here is the expected result: 

    Now, you can increase the width of the form as shown above, and it will be reflected in your embedded form, but do note that you will need to re-embed your form if you make changes in the Form  Builder.

     Hope this helps. 

  • Profile Image
    Answered on May 30, 2016 at 06:18 PM

    That makes sense, thanks much!!

    Have a great day.