Best way to enter multiple expenses with descriptions on a Card form layout

Hello I am trying to redesign a form to collect multiple dollar amount entries for expenses. I am not sure what widget is best to accomplish this. I am trying with multiple text fields. It is somewhat functional, however it will require a lot of space in card format with 10 or so fields.

This is what I have done so far.

Does a widget or a way exist in card format to be more like this below?

Hi Steve_Chisholm,

Thanks for reaching out to us for help. I'm an AI assistant. I'll support you as best I can until one of our support agents steps in.

Regarding your question about the best way to enter multiple expenses with descriptions in a card format, using multiple text fields can indeed take up a lot of space, especially with 10 or more entries.

Here’s how to do it:

1. Use the Configurable List widget: This widget allows users to add multiple rows dynamically, each with fields for expense description and amount. It saves space by letting users add as many entries as needed without cluttering the form.
2. Set up fields inside the widget: You can configure the widget to include text boxes for descriptions and number fields for dollar amounts, making it easy to enter multiple expenses.
3. Integrate with card layout: The Configurable List widget works well in card format, keeping the form compact and user-friendly.

This approach will help you achieve a form that looks and functions more like your second image example, allowing for a cleaner and more efficient data entry experience.

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

Best regards,

Jotform Support

I think the AI suggestion will work. Just wondering if its possible to add a numeric only box without the selector on the right side of the box. I just need them to manually enter a dollar amount.

Hi Steve_Chisholm,

Thanks for your follow-up question. Yes, it is possible to have a numeric-only input box without the selector (spinner) on the right side in the Configurable List widget. To achieve this, you can configure the field as a simple text box and apply input validation to accept only numbers.

Here’s how to do it:

1. Open the Configurable List widget settings.
2. Define the field as a text box instead of a number field. For example, use text as the field type.
3. Add a validation pattern to allow only numeric input. You can use a regular expression like ^[0-9]+(\.[0-9]{1,2})?$ to accept numbers with up to two decimal places, suitable for dollar amounts.
4. Save the widget settings and test the form. This will allow users to manually enter dollar amounts without the spinner control appearing.

This method keeps the input clean and user-friendly while ensuring only valid numeric values are entered.

Give it a try and let us know if you need further assistance.

Best regards,

Jotform Support

Hi Steve,

Thanks for reaching out to Jotform Support. You can use the Configurable List widget to collect multiple data within a single card. To clarify its use, it's a widget that can contain multiple fields within it, so it can collect data more different fields. It also has the capability to add more of the same fields if additional data is needed to be collected. That way, the form won't look cluttered and collecting data will be more organized.

When I checked your form, I can see that you're already using the said widget. And it's a good thing that the first suggestion given to you works for your needs. Note that each field has its own syntax depending on its use. So if you want to only use a field that accepts numbers, then you can use the number syntax. Check out the screenshot below:

As you can see from the example above, the field, Property Tax Amount, is set to number, meaning it will only take numbers as it's value, along with other symbols. It may look the same as a text box, but its function is different from it. To know more about the widget, and it's use along with the syntax, you can check our guide on How to Set Up the Configurable List Widget.

Let us know if you need any more help.

Thank You

Hello,

Thanks you

Hi Steve,

I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Meanwhile, let us know if you have any other questions.

Thank You

Hi Steve,

As for your other question or concern, to avoid confusion, I've moved it and answered it in a new thread. You can check that out here.

Let us know if there’s anything else we can help you with.