How to show the Configurable list widget fields in a single row?

  • gestioncurricular
    Asked on June 30, 2025 at 1:34 PM

    Hi,

    I couldn't fix this issue. This is what i see in my form https://form.jotform.com/250223709598059 (you must active "Editar Programa preliminar para desarrollo de Guion Pedagógico" to see the tab "Programa preliminar" and the section 1, where configurable list is located):

    How to show the Configurable list widget fields in a single row? Image 1 Screenshot 30

    This is what i want to see (a normal configurable list):

    How to show the Configurable list widget fields in a single row? Image 2 Screenshot 41

    Can you help me, please?

    Thanks.

    Jotform Thread 28494601 Screenshot
  • Desiree
    Replied on June 30, 2025 at 2:02 PM

    Hi there,

    Just to confirm, do you want to move all the content to one line like in the example screenshot rather than having them on multiple lines?

    I found this similar post where they also wanted their information on one line, please scroll to the bottom where there is a guide on how to insert custom CSS. I hope this helps!

    https://www.jotform.com/answers/4558472-display-the-configurable-list-as-one-line-vertically

  • gestioncurricular
    Replied on June 30, 2025 at 3:05 PM

    Hi, Desiree.


    Thanks for your comment. I want exactly the opposite of the post you cited. I mean: display de configurable list as one row HORIZONTALLY (just like normal configurable list, isn't it?)

    So, to answer, yes, i want to move all the content to one line like in the example screenshot rather than having them on multiple lines.

    Thank you!

  • Ronald JotForm Support
    Replied on June 30, 2025 at 5:21 PM

    Hi gestioncurricular,

    It's really easy to display your Configurable List fields in a single line only. Let me show you how:

    1. In Form Builder, select your Configurable List widget and click the Wand icon.
    2. In Widget Settings, scroll down and enable the Single Line option.
    3. Then, click the Update button to save the changes. That's it.

    How to show the Configurable list widget fields in a single row? Image 1 Screenshot 20Give it a try and reach out again if you have any other questions.

  • gestioncurricular
    Replied on June 30, 2025 at 7:12 PM

    Hi, Ronald.

    Thanks for your reply. I activated Single line option (never saw it before!), but configurable list still show fields in vertical alignment.


    How to show the Configurable list widget fields in a single row? Image 1 Screenshot 20

    Maybe it's an issue because the form was created as Smart PDF? (Althought, i desabled conection with original PDF).


  • gestioncurricular
    Replied on June 30, 2025 at 7:27 PM

    Now, it works!

    I just enable and disable Shrink option, and so widget displayed correctly.