What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    I wish to increase the margin / boundary of my form

    Asked by mattconroy on February 10, 2015 at 12:07 PM

    Hi,

    If you look at my form entitled Clone of PIR Form, the text boxes overlay the form margins, which make things look a little messy, (see attached screenshot.

     

    I've tried increasing the margins, or at least I thought I had, but this has no effect.

     

    Can you help?

    Page URL:
    http://form.jotformeu.com/form/50325127909353?

    Screenshot
    increase text boxes attached at least OR
  • Profile Image
    JotForm Support

    Answered by david on February 10, 2015 at 01:18 PM

    Hi,

    It looks like your screenshot may not have come through.  However, it does look like your form is set to be quite wide already.  I opened your form in the designer and set the width to about half what it is currently:

    Thing did look a bit less stretched afterwards.  You can also adjust various other properties of your form from the designer.

    I was however, not able to find anything going outside the boundaries of your form.  If this does not allow you to make the changes you desire, let us know specifically which fields are not to your liking and we will see what we can do.

  • Profile Image

    Answered by bkljaic on February 10, 2015 at 01:42 PM

    Hi,

    I saw that the text boxes overlay the form margins inside of Chrome and IE8 and inside Mozilla  everything seems to be fine. However you can fix your problem by using custom CSS. If you want to apply custom CSS you need to:

    1. Go to JotForm Builder

    2. Open Preferences

    3. Go to Form Style tab

    3. Inside of field Inject Custom CSS enter the following code at the end

    .form-section, .form-section-closed {
    margin-left: 10px;
    margin-right: 25px;

    }

    Hope this will help.