On the Configurable List widget, is it possible to make a row of selections wrap into two rows?

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

  • Profile Image
    jonathan
    Answered on December 26, 2016 at 08:05 PM

    Yes it is possible to do so by injecting custom CSS codes into the widget.

    You can review an example this same discussion thread.

    https://www.jotform.com/answers/870418-CSS-for-multi-row-configurable-list

    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.

     

  • Profile Image
    mjhiatt4
    Answered on December 26, 2016 at 08:58 PM

    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.

    https://www.jotform.com/?formID=63606529535158#

     Also - the "+ Add Participant" button is WAY down there! Can I fix that?

  • Profile Image
    jonathan
    Answered on December 26, 2016 at 09:07 PM

    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: 

    How-to-Manipulate-Text-String-with-Conditions-and-Calculation#generateLinks

    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.

     

     

  • Profile Image
    mjhiatt4
    Answered on December 26, 2016 at 09:37 PM

    Thank you!