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.
On the Configurable List widget, is it possible to make a row of selections wrap into two rows?Asked by mjhiatt4 on December 26, 2016 at 06:54 PM
On my event registration form, additional registrants have several questions to answer, and there are too many questions to put on one line. Can I set up code to have the questions cover two lines?
Yes it is possible to do so by injecting custom CSS codes into the widget.
You can review an example this same discussion thread.
But do take note that this is not highly recommended. There were some issue encountered that breaks the configurable list widget due to this workaround.
A much better method is to just use instead multiple widget to break down the widget into multiple rows.
Hope this help. Let us know how we can be of further assistance.
Thank you for your quick reply!
Are you suggesting I use one widget for one row, and a second widget for the 2nd row? But then how do I link the answers from one widget to the other?
I'd like to try the CSS. I inserted custom CSS and got the fields looking almost exactly how I want. However, the right end of the columns are getting cut off. I have tried adjusting the width of the widget, but nothing seems to make a difference.
I'm having trouble inserting an image in this post, so here's the link.
Also - the "+ Add Participant" button is WAY down there! Can I fix that?
But then how do I link the answers from one widget to the other?
You can also resolve this by combining the data fro the 2 configurable list widget into a single field on the form. You can use the Calculation widget to combine them.
Something similar to the method described on our user guide:
So on your submission data, you can use the combined data field as the data for the multiple widget.
I checked your form https://www.jotform.com/63606529535158 and I can see the issue you mentioned.
Allow me more time to work on it so I can identify the needed CSS code to fix the style and alignment issue. I'll get back to this shortly.