How can I have the configurable list in multiple rows?

  • Benflips
    Asked on July 7, 2016 at 10:34 PM
    I've used one of your configurable lists down on the 4th page. It has a ton of data I'd like to collect - can it be altered in some way so that the various fields can be 'wrapped into multiple rows to fit on the page? Can the label text formats be altered to fit better? Is there a capacity to have sub-labels for any of these fields? - As an example, if possible, I'd love for label to be ONE label above drop down boxes 2-4 saying "How intense or severe is it" then the hint text for each box to be "right now" "at worst" "at best" and then a sublabel under all 3 saying "1=mild, 10=worst imaginable"
  • Kiran Support Team Lead
    Replied on July 8, 2016 at 3:41 AM

    I'm checking on this to display the configurable list widget in two row. Please allow me some time to work on this and get back to you.

    Thank you!

  • Kiran Support Team Lead
    Replied on July 8, 2016 at 8:23 AM

    While I was working on the widget, I have cloned your JotForm to my account and notice that you have split the configurable list into two widgets.

    How can I have the configurable list in multiple rows? Image 1 Screenshot 20

    Do you want to continue using two separate configurable list widgets or use a single widget and display them in multiple rows? Since it is required to work with more CSS to achieve this, please confirm so that I can work on this accordingly.

    We will wait for your response. Thank you!

  • Benflips
    Replied on July 9, 2016 at 2:46 AM
    Hi.
    There were (when you wrote your reply to me) 3 separate config lists in the
    'condtions' section...
    As a results of previous answers (because it appears that neither Dynamic
    Texbox OR Config list will help me for the first component of what I want
    to achieve) I have since made some significant changes...basically creating
    4 separate sets of the original lists and conditions to get them to display
    in specific order...
    If you can have a look and think of another way around this, or to do it
    more efficiently, please let me know.
    With regard to your specific question around the config lists...I need all
    three (well, twelve now!) to have the add new option disabled and rendered
    invisible.
    Of the original 3 config lists, the second two (now 8) I have kept them
    separate so that I can have the relevant label text etc. If there is a way
    of combining them, or having hover text or something to guide user-input,
    then please let me know.
    ...
  • Jan
    Replied on July 9, 2016 at 12:18 PM

    Please give me more time to work on the CSS to hide the Add button. I'll contact you once I have a solution for this. Thank you for your patience.

  • Jan
    Replied on July 9, 2016 at 12:35 PM

    This is the CSS code to hide the "Add" button in your configurable list widget:

    .add {
    display: none;
    }

    You need to insert this CSS code in the widget itself. Select the widget and then click the wand icon. 

    How can I have the configurable list in multiple rows? Image 1 Screenshot 30

    After that, go to the "Custom CSS" tab and paste the code.

    How can I have the configurable list in multiple rows? Image 2 Screenshot 41

    Hope that helps. Thank you.

  • Benflips
    Replied on July 10, 2016 at 8:51 PM

    That is brilliant. Thank you.

  • Kiran Support Team Lead
    Replied on July 10, 2016 at 11:58 PM

    Glad to see that the issue with hiding the Add button is now resolved. It's our pleasure to assist you.

    Unfortunately, it is not possible to have conditions within the configurable list. I think separating the configurable list to different lists is the only workaround at the moment as you already did for the current requirement.

     Do let us know if you need any further assistance. We will be happy to help.