JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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?
alignment configurable list force list widget
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:
If this does not resolve the issue, please let us know and we will be glad to take another look.
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.
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.