How to Top-Align the Configurable List Fields

  • Servei Colònies de Vacances
    Asked on March 14, 2023 at 9:31 PM


    Alignment to top in "Configurable list"
    Hi!
    How can I align the fields of the "Configurable list" at the top?
    Thank you so much!

    Page URL: https://www.jotform.com/help/282-how-to-set-up-the-configurable-list-widget/
  • Nora JotForm Support
    Replied on March 15, 2023 at 2:57 AM

    Hi Servei,

    Thanks for reaching out to us for help. If you want each field to be aligned to the top of the section, you can try to use the below custom CSS code. Let me show you how:

    .configurable-list-field-row {
    
align-items: flex-start !important;
    
}
    1. Open your form in Form Builder and click on the Wand Icon on the Configurable List widget.
    2. Go to the Custom CSS tab, and paste the code above into the box.
    3. Click on Update Widget, and that'll be it.

    1678863459 64116c63356a6 Screenshot 10

    Give it a try and let us know how it goes.

    If this isn't exactly what you're looking for, please provide some more details about your request. It would also help us understand better if you could elaborate your request with a screenshot indicating what you're trying to achieve.