How can we change the positioning of labels in multipleTextFields widget?

  • Profile Image
    mgregov
    Asked 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?

  • Profile Image
    Ben
    Answered 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
    mgregov
    Answered 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
    ashwin_d
    Answered 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!