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 move fields to display them right under another field?

    Asked by kauseway on January 02, 2015 at 12:20 AM

    I have a field that I want to display right another another field.  I can use position: relative; and top: -50px; to move it up there but it leaves a gap below it. I think I need to adjust the margin or padding on both fields to get them closer but trying to do anything in the editor doest do anythin.  Any help:  I attached the form. I want to text to be right below the checkbuttons. I am going to hide both and only display one at a time depending on the checkbox selection.

    http://form.jotformpro.com/form/50005155818954

    Page URL:
    http://form.jotformpro.com/form/50005155818954

    Screenshot
    checkbox Selection move attached
  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 02, 2015 at 07:10 AM

    Hello kauseway,

    Please inject the following custom css code in your form and that should help you:

    li#id_35 {

    top: -50px;

    left: 156px;

    }

    li#id_36 {

    top: -100px;

    right: -156px;

    }

    The following guide should help you in injecting custom css code:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    The above custom css code should give you the following output as displayed in the screenshot below:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by kauseway on January 02, 2015 at 10:58 AM

    Thanks.  I was able to do that before but it leaves a gap where the field is supposed to be where I want the entire form to move up with it.  Is there nothing in the padding or margins I can use to shink that area down?

  • Profile Image
    JotForm Support

    Answered by Charlie on January 02, 2015 at 01:12 PM

    Hi,

    I needed to clone your form to test my changes. You can check the cloned form that I have here: http://form.jotformpro.com/form/50014652163949. Please check if that's the spacing that you needed. If it is, you can clone it using this guide, How To Clone Existing Form URL.

     

    Let us know if you need more assistance on this.

    Thank you.

  • Profile Image

    Answered by kauseway on January 02, 2015 at 01:34 PM

    thanks. that looks better but it broke the form designer which I need to use for other fields!

  • Profile Image
    JotForm Support

    Answered by Charlie on January 02, 2015 at 01:49 PM

    Hi,

    Not sure what you meant by "it broke the form designer"? Did you get a blank page or it didn't load? If that is that case, you just need to log out and log back in. Then try opening again the form in the Form Designer. You can also try clearing your browser and form's cache.

    Here's my form designer.

     

    Let us know if the problem still persists after trying the above solutions.

    Thank you.