Create a 2 column layout with 1-x radio button options & a paired Drop-down box

I am looking to build a section of my form that would allow us to create a two column layout as shown in the attached screenshot. I would like to have column 1 be 1-x radio button choices that could be multiple choices chosen, and have an associated drop-down box in column 2 that would allow for a severity choice of mild, moderate, profound associated to each radio button choice in column 1. is this possible? as it is now I have multiple radio choices, and only one drop down. I am also using the following CSS: .configurable-list-field-wrapper {min-width: calc(50% - 8px);}

Hi Jim,

Thanks for reaching out to Jotform Support. Let me help you with that:

To create a two-column layout where column 1 contains multiple radio button choices and column 2 has an associated drop-down box for severity options (mild, moderate, profound) paired with each radio button choice, the current Multiple Choice element alone won't support this pairing directly.

However, you can achieve a similar effect by using a Configurable List widget. This widget allows you to create rows with multiple fields, such as radio buttons and drop-downs side by side, which can be customized to your needs.

Here’s how to do it:

1. Add the Configurable List widget to your form.
2. Customize the widget’s options to include radio buttons for your choices in one column.
3. Add a drop-down field in the second column with severity options (mild, moderate, profound).
4. Use your CSS .configurable-list-field-wrapper {min-width: calc(50% - 8px);} to style the columns as needed.

This setup will allow you to have multiple rows where each radio button choice is paired with its own severity drop-down.

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

I think that works for me. I will utilize the add line for each diagnosis and severity. I was hoping that I could have multiple within the same frame to save space, but it will work.

Hi Jim,

I'm glad to hear that the Configurable List widget approach will work for you. Using the add line feature for each diagnosis and severity is a great way to manage the entries within the same section.

If you need any further assistance with customizing the widget or optimizing the layout to save space, feel free to ask.

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