How to make fields of Configurable List move to new line automatically?

  • Profile Image
    DrumkeeranGAA
    Asked on January 25, 2019 at 05:36 AM

    Hi

    The configurable list seems to be what I want to use, but I have too many fields to fit on one line.

    I can see that the fields don't wrap to the next line.

    How can i overcome this

    Thank you

  • Profile Image
    DrumkeeranGAA
    Answered on January 25, 2019 at 05:40 AM

    Acutally, what I have to achieve is to incorporate the attached form into one form where a parent can "add" as many of these forms as they need

    Child membership form

  • Profile Image
    Victoria_K
    Answered on January 25, 2019 at 07:24 AM

    Hello, We will be glad to help you position fields of Configurable List the way you need. For the widget to move fields to new lines automatically, you can try injecting the following CSS code:

    table#list {width: 100%; } th {display: none; } .mobileColumnName {display: block; } td{float:left;box-sizing:border-box;}

    Please use this guide: How-to-Inject-CSS-Codes-to-Widgets

    Also, I can suggest to consider displaying every field on new line according to this help article: How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

    Please let us know if you need further help on this matter.