How can I force alignment of fields created in the Configurable List Widget

  • AMDLLCINFO
    Asked on June 23, 2016 at 9:47 AM

    I am using the Configurable List Widget "CLW" in my form https://form.jotform.com/61724089153154

    A post in the forum allowed me to figure out how to use CSS to customize static text in the first field so I could have unique labels.

    I have include the URL of my webpage, as well as a screen-shot of the use of the CLW. It serves well for the several different questions, BUT...

    I want the fields in the CLW be of the same width and alignment each time I apply the widget in the form. In the examples included the CLW fields have a 'staggered' appearance that I want to avoid.

    I assume this is possible with some CSS styling, but I am not very experienced with that. Any suggestions?

    Thanks!

     

    Jotform Thread 867857 Screenshot
  • beril JotForm UI Developer
    Replied on June 23, 2016 at 11:52 AM

    It might be possible with resizing the first column of your configurable list widget. Can you try to add the CSS code below for each configurable widget:

    td.col1 {

        display: inline-block;

        width: 130px;

        float: left;

    }

     

    If this does not resolve the issue, please let us know and we will be glad to take another look.

  • AMDLLCINFO
    Replied on June 23, 2016 at 4:48 PM

    Thanks, Beril! That was a good answer, and gave my form the desired appearance. I opted to use a width of 175px to spread the static text labels.

  • beril JotForm UI Developer
    Replied on June 24, 2016 at 3:27 AM

    You're most welcome and thank you for your kind comment.=) I've also checked your website and it seems really nice. If you need further assistance, please let us know. We will be happy to help you anytime.

    Cheers!