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

  • Profile Image
    neteffects
    Asked 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
    fivetownhoopdreams
    Answered 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
    KadeJM
    Answered 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
    neteffects
    Answered 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
    jedcadorna
    Answered 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
    neteffects
    Answered 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
    jeanettebmz
    Answered 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