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

    How to reduce the width of the space/field made for emails/names and ot

    Asked by neteffects on October 18, 2013 at 05:16 PM

    How to reduce the width of the space/field made for emails/names and other?

    The outline of the form seems to reduce by changing "form width" but not these fields.

    Any help would be appreciated.

    Thanks.



    This is a re-post of a comment on The Importance of Form Widths

  • Profile Image

    Answered by fivetownhoopdreams on October 18, 2013 at 05:56 PM

    1. Click the field you want.

    2. Click"size" under "properties of " field

    3. Choose the size.

    4. Save

    5. Be happy

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 18, 2013 at 06:00 PM

    You can adjust the " Width " more in detail between the Questions including the Labels using the Form's Advanced Properties to lessen this which is found under Setup & Embed  >  Preferences  >  Field Styles  >  Question Spacing. The Form's Width will also have an effect on this.

    However, if you are trying to change out the gaps between the Questions beyond that then you would need to use Injected CSS with the Field ID's to have further control over such. 

    May we know more about which form are trying to do this to or what exactly you are seeking to do? I see you have this form here https://www.jotform.com/32826112558959 but it seems incomplete so perhaps we may be able to help you more to achieve this.

     

    The above Question Spacing will only adjust this so far. If you want to control it further then you will have to resort to the CSS Method to override it all.

  • Profile Image

    Answered by neteffects on October 20, 2013 at 10:06 AM

    Many thanks for your prompt reponces, really appreciated.

    Width properties seem to only affect the width of the form (A) but not the width of the form's fileds (B) which now extends beyond the form's outline.

     

    How do we change the width of the fields please?

    http://i699.photobucket

  • Profile Image

    Answered by jedcadorna on October 20, 2013 at 12:18 PM

    Hi,

     

    You can try this and see if this adjust your form fields. 

     

    1. You need to get the field ID first

     

    2. You need to inject a custom CSS and apply the width that you want.

     

    #first_10, #last_10 {

    width: 500px;

    }

     

    Before:

    After:

     

    Hope this helps.

    Thanks,

  • Profile Image

    Answered by neteffects on October 20, 2013 at 02:35 PM

    Great support,  inject a custom CSS did it, should have paid attention esrlier, grateful for the help.

  • Profile Image

    Answered by jeanettebmz on October 20, 2013 at 05:20 PM

    We are very happy to hear such an awesome feedback

    Do not hesitate to contact us anytime in the future