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

    Two text boxes sharing a single Question Label

    Asked by mackerg4 on April 30, 2015 at 11:27 AM

    Hi,

    I'm trying to get two text boxes to line up nicely under a single Question  (see screenshot, second part from Photoshop).

    Is it possible to have the two text boxes lined up and close to each other in this way? 

    Screenshot
    label text boxes and part in
  • Profile Image

    Answered by AaronSiciliano on April 30, 2015 at 12:36 PM

    Hello mackerg4,

     

    For me to be able to provide you with the best support could you provide the link to your form? This can definitely be accomplished with custom CSS code. If you do provide the link to your form I can give you custom tailored help specific to your form.

     

    To inject custom CSS code you can open your form in the form builder and click on the Preferences button. Then click on the tab labeled Form Styles. Custom CSS can be placed inside of the text box labeled Inject Custom CSS.

     

     

    I hope this helps. If you still need help please feel free to respond back with more specific questions and preferably a link to the form you want modified.

     

    Thanks, Aaron

  • Profile Image
    JotForm Support

    Answered by Charlie on April 30, 2015 at 01:50 PM

    You can do this by setting a top label on the "height" text box then setting it to be hidden. Here's how I did mine:

    1. Right click, choose properties to your "height" input box, name the question anything that can easily be recognizable.

    2. Open your form Designer Tool, navigate to "CSS tab", choose the label that we want to hide. In this case it's the "part2". Double click it.

    3. After double clicking it, the ID for that element will be shown in the CSS area field at the right. You will then have the option to add custom CSS code to design that element. In my case I would just like to hide it, hiding it will keep its spacing intact.

     

    I hope that helps.

    Thank you.