How to decrease space between fields and decrease vertical spacing? Here's the link: https://form.jotform.me/53492692786472

  • rmevangelista
    Asked on December 20, 2015 at 3:19 AM
  • Mike_G JotForm Support
    Replied on December 20, 2015 at 3:39 AM

    If I'm going to base it to one of your forms: http://www.jotform.com/53492692786472, I believe you are referring to this(please see image below), is that correct?

    How to decrease space between fields and decrease vertical spacing? Heres the link: https://form Screenshot 30

    If yes, then you can decrease that by using CSS codes injected to your form or by going to the Designer tool under Line Layout.

    How to decrease space between fields and decrease vertical spacing? Heres the link: https://form Screenshot 41

    Note: After making changes via the Designer tool, please inspect the whole form within the tool's preview section to see if there are other fields that is affected by the changes you made and you don't want that.

    If you're looking to make changes to specific fields only, I would prefer you use CSS codes for those specific fields only. Let us know if you need any help doing so.

    Here are guides that may help you: 

    How-to-Position-Fields-in-JotForm

    How-to-Inject-Custom-CSS-Codes

    Thank you.

  • rmevangelista
    Replied on December 20, 2015 at 3:57 AM

    Thank you for your help.

    How about problem regarding the changing of position of my fields every time I forgot to fill the required field, it changes the width and the position. 

  • Mike_G JotForm Support
    Replied on December 20, 2015 at 5:17 AM

    The thing that's causing your form to be like that is the "required field" message width. Since it is wider than the form fields, it will adjust the container of the form field by 100px so it would fit. 

    Actually, I would just like to confirm first how would you like to have the warning message to show on your form. Using CSS, we can shorten the space provided for the message, this would, of course, means that you need to also adjust the content of the message or change it to a much shorter one. The icon will also be adjusted as necessary.

    .form-error-message{

    width: 46px !important;

    font-size: 8px !important;

    }.form-error-message img{

    width: 8px !important;

    height: 8px !important;

    }

    How to decrease space between fields and decrease vertical spacing? Heres the link: https://form Screenshot 40

    Above would result to this. 

    How to decrease space between fields and decrease vertical spacing? Heres the link: https://form Screenshot 51

    You can also remove the require field warning message entirely using this code:

    .form-error-message{

    display: none !important;

     

    }

    This would, however, still show a red border on the required field when it is skipped. 

    How to decrease space between fields and decrease vertical spacing? Heres the link: https://form Screenshot 62

    Those are only my suggestions, if you have any other requirement or idea, please feel free to let us know in details so we may try to work on it for you. 

    Thank you.

     

  • rmevangelista
    Replied on December 20, 2015 at 6:25 AM

    Thank you Mike_G.

     

    Is there a way to disable the back button on the browser after I submit and go to Thank you Page.

    Because I try to click the back button on my browser and I back to my form and all see all myl information I entered a while ago.

     

    I also experiencing problem with my image slider that sometimes it's not appearing. I wonder why this happen?
  • Mike_G JotForm Support
    Replied on December 20, 2015 at 7:20 AM

    You're most welcome, rmevangelista! 

    With regards to your other two concerns, I have created a new thread for each of it respectively. We believe that we can better assist our users if they will have a thread of their own for every question that they have to avoid confusion with the answers. Kindly click the links to the new threads below.

    Is there a way to disable the back button on the browser after I submit and go to Thank you Page.

    Because I try to click the back button on my browser and I back to my form and all see all my information I entered a while ago.

    http://www.jotform.com/answers/729384

    I also experiencing problems with my image slider that sometimes it's not appearing. I wonder why this happen?

    http://www.jotform.com/answers/729385

    We will be on those threads as soon as possible. 

    Thank you.