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 can we change the positioning of labels in multipleTextFields widget?

    Asked by mgregov on April 22, 2016 at 11:18 AM

    On page 3: I am looking to right justify the labels closer to the box. How do I go about doing that?

    Also, for the one that says Savings Non-Qualifed. I would like that to be on one line. How do I go about doing that?

    CSS mutliple text fields widgets
  • Profile Image

    Answered by Ben on April 22, 2016 at 11:27 AM

    To set it up as per what you have described you would need to use the following CSS code:

    #inputsContainer th {
        text-align: right;
    }
    #inputsContainer tr:last-child label {
        display: block;
        width: 170px;
    }

    Unlike the code on the previous thread, you should add this code to the widget's own Custom CSS field.

    Once you do and update the widget, you should see the change happen on your form.

    You will however need to add the same to all widgets that you want to have the same applied to.

  • Profile Image

    Answered by mgregov on April 22, 2016 at 11:44 AM
    I'm sorry but because it was broken up into so many threads, I now do not know what codes to enter and where.I wish they can be answered in the one email I wrote.
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 22, 2016 at 01:33 PM

    Hello mgregov,

    My colleague actually moved your this question to a new thread as the css code needs to be added in the widget instead of injecting it in form. Please check the screenshot below how to add custom css code inside widget:

     

    I have injected the custom css code in your widget as well as form.

    Thank you!