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 I force alignment of fields created in the Configurable List Widget?

    Asked by AMDLLCINFO on June 23, 2016 at 09: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!

     

    Page URL:
    http://www.amdllc.info/business-continuity-planning.html

    Screenshot
    alignment configurable list force list widget
  • Profile Image
    JotForm Support

    Answered by beril 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.

  • Profile Image

    Answered by AMDLLCINFO on June 23, 2016 at 04: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.

  • Profile Image
    JotForm Support

    Answered by beril on June 24, 2016 at 03: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!