How can I create horizontal multiple fields and change their sizes?

I need to create horizontal multiple multiple fields for the following fields (Rx Bin, Rx PCN, Rx Group, Rx Identification, and Suffix) and change their sizes accordingly.

Thank you for reaching support,

It possible using a Configurable List Widget, however, to change the dimension of the fields, it can only be done via CSS Injection.

Here is the guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Let us know if that works for you and we will assist you in customizing the sizes of the fields.

Awaiting your response.

Best.

Thank you. That worked, but I am not very familiar with CSS codes and I couldn't change the sizes of the fields. Can you assist me with that? 

You can add this CSS code into the Custom CSS tab of the widget:

.col1 input[type="text"] {

width: 50px; 

}

.col2 input[type="text"] {

width: 100px; 

}

.col3 input[type="text"] {

width: 100px; 

}

.col4 input[type="text"] {

width: 200px; 

}

.col5 input[type="text"] {

width: 50px; 

}

You can change the px size as per your preference.

Related guide for reference: How-to-Inject-CSS-Codes-to-Widgets

RESULT:

Let us know if this works out for you.

That worked perfectly. Thank you!