Two text boxes sharing a single Question Label

  • mackerg4
    Asked 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? 

    Jotform Thread 561973 Screenshot
  • AaronSiciliano
    Replied 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.

     

    Two text boxes sharing a single Question Label Image 1 Screenshot 20

     

    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

  • Charlie
    Replied on April 30, 2015 at 1: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.

    Two text boxes sharing a single Question Label Image 1 Screenshot 40

    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.

    Two text boxes sharing a single Question Label Image 2 Screenshot 51

    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.

    Two text boxes sharing a single Question Label Image 3 Screenshot 62

     

    I hope that helps.

    Thank you.