Inventory Widget and Checklist Integration: How to Track Seat Availability in Signup Forms?

For the last day I have utilized the AI chat to attempt to create a signup form similar to this one:

https://ucnj.org/boe/poll-worker-training-registration/#site-header. (not created by me, but created with Jotform. I am essentially trying to merge a checklist (where only ONE can be selected) with the inventory widget so I can keep track of the number of seats available in a particular class after each registration. The bot has not been much help, despite numerous back and forth. It has specifically told me that I can't integrate the checklist with the inventory widget....it won't even put them on the same row, let alone communicate.

Online searches yield the following answers, but I still am at a loss as to how to get the inventory widget and the checklist to work together.....

https://ucnj.org/boe/poll-worker-training-registration/#site-header. (from this page, click the box and proceed to form to see the form I am trying to create.

I must have tried 50 methods the various attempts....I even tried a "table" construct and that went no where.....help, please.

the link below the classes properly with the checkbox to the left, the description next to the checkbox but I can't figure out how to get the inventory widget on the same row as each class description and how to decrement the counter for each successful registration. If you scroll down the page, you will see the inventory widget that the AI bot added, but would not move up the page.....help, please

thanks!

Hi Essex,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Regarding your request to merge a checklist (where only one option can be selected) with the Inventory widget to track available seats and display them on the same row, here is what I found:

The Inventory widget in Jotform is designed to manage stock and availability in real time, perfect for tracking event seats. However, it tracks inventory for one item per widget and updates automatically after each submission. To use it:

1. Add the Inventory widget from the Widgets tab in Form Builder.
2. Configure the widget with the product/class name, available quantity, and other settings like quantity input type and error messages.
3. Use one Inventory widget per item/class to track availability separately.

Unfortunately, the Inventory widget cannot be directly integrated with a checklist or placed on the same row as checklist options because they are different elements and do not communicate with each other.

To achieve a similar effect, you can consider these approaches:

• Use the Inventory widget alone for each class to track seats and let users select quantities directly.
• Use the Ticket Purchases or Gift Registry widgets, which allow limited selections and inventory tracking with options listed in one widget.
• Use custom CSS to style the Inventory widget and checklist elements to appear visually aligned, but they will not functionally link.

For decrementing the counter after each registration, the Inventory widget handles this automatically per submission.

Here is a helpful link to the Inventory widget setup guide for more details: Inventory widget.

Given the limitations, combining checklist and inventory widget functionality exactly as you want is not supported natively in Jotform. You might need to choose one widget that best fits your needs or redesign the form layout accordingly.

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

the bot did all the above but nothing worked.. the bot even tried styling the classes, but no go....yet I gave you a clear example from another website where the effect was achieved. Can a human look at this please to determine how the ucnj.org/boe/poll-worker-training-registration/#site-header accomplished what the bot says can't be done?

Hi Essex,

Adding your own customized widget to a form is easy. You'll just need to Register Your Widget first, before you can add it. Let me show you how:

1. Go to our Online Form Widgets page and click on Add New Widget in the bottom-right corner of the screen.
2. In the Add New Widget window that opens up, fill out all the fields for the Widget Registration.
3. Once completed, scroll down to the bottom of the window, and click on Add.

Now, you can add the widget to your form. Here's how:

1. Open your form in Form Builder and click on the Add Element menu on the left side of the page.
2. Under the Widgets tab, enter your widget's name in the search bar, then drag and drop it into your form. That's it.

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

This is not helpful, please, please can I have a HUMAN yo interact with?

Hi Essex,

One of our Support Team members will take it from here to follow up shortly.

Hi Essex_Board,

Thanks for sharing those details. Can you tell me a bit more about whether you are aiming to show seat availability beside each class description or to limit users to selecting only one class while still tracking inventory?

Since the Inventory widget and Multiple Choice field don’t directly integrate, one effective approach is to add a Multiple Choice field for class selection, then create a separate Inventory widget for each class.

You can use Show/Hide conditions so that when a user selects a class, only the corresponding Inventory widget appears. The widget will then automatically decrement the seat count after each submission. You can display questions based on selected answers in a few simple steps. Let me show first show you how to add the questions:

1. In Form Builder, click on Add Element and drag-drop the fields you want to use as follow-up questions (I used Short Text fields in this example)
2. Next, click on the Type a Question text and change it to the question you want to use.

Now, let's set up the conditions:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Settings.

2. Next, click on Conditions on the left of the page.

3. Now, click on Show/Hide Field to create your condition (if you already have a condition, first click on Add Condition and then click on Show/Hide Field).

4. Set the conditions like you see below and click on Save:

The condition is set to show the follow up questions when the user selects Yes. Check out the screencast below to see what happens when the condition is met or not met:

Reach out again if there’s anything else we can help you with.

Thanks Kyle,

I want to to show seat availability beside each class description AND limit users to selecting only one class while still tracking inventory

The classes are mutually exclusive so no one should ever sign up for more than one class, however, I want to programmatically prevent it.

My goal was to create a form that looks like this, which though I did not create it, I can see that its a jotform file (You have to check the box and proceed to form to see what I am trying to create

https://ucnj.org/boe/poll-worker-training-registration/#site-header

I'm sorry, but I am completely missing the connection between the video you sent and what I am trying to accomplish. I am happy to have *all* of the classes listed on the form so what do you think I should use the "hide show" for? Also, the form does not need a question/answer pair, a simple check list to select the class will suffice. See this form that I started....all I need to do is to add in the inventory management somehow. Please look at the form as far as I have taken it.

https://form.jotform.com/260906571489064

Clearly what I am trying to do in jot form is possible as another website has posted it....the question is HOW

Thank you

Hi Essex_Board,

That clears some things up. Can you confirm whether you need to add multiple classes under each option? If that’s the case, the Ticket Purchases widget would be a better fit than the Inventory widget, since it allows you to list multiple classes within a single widget. Let me show you how:

1. In Form Builder, click on the Add Element button in the upper left side of the panel to open the Form Elements menu.
2. Now, go to the Widgets tab, search for the Ticket Purchases widget and add it to your form.
3. Then, add 1 in the Max Selection input box and click on the Update button.

After that, you can set up conditional logic with the Show/Hide Field feature to display the right widget for the class listing. Let me show you how:

1. In Form Builder, click on the Settings tab in the orange navigation bar and select the Conditions tab on the left side menu.
2. Now, select the Show/Hide Field option in the New Conditions menu.
3. Then, setup the conditions below and click on the Save button.

Take a look at the screencast of the result below:

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

You need to look at the form layout that I sent to demonstrate what I am trying to create.

It is this form...https://ucnj.org/boe/poll-worker-training-registration/#site-header.   what you are showing me

is NOTHING like what I am trying to create...there is NO show hide

and I also sent you the link to the start of the form that I created which is this https://form.jotform.com/260906571489064 which is the form named "training class registration form.

You are using a form that the AI widget did that is TOTALLY not what I need. I spent hours trying to get that AI bot to do something useful but to no avail. PLEASE reference the form that I captured above and help me recreate it. I know how to do a bunch of stuff I don't need. As a hint, I'm almost certain there is no SHOw/HIDE needed for what I am trying to do

thank you

Hi Essex_Board,

The widget you're referring to in the form you shared is a ticket purchases widget. Let me show you how to add it to your form:

1. In Form Builder, click on the Add Element button on the left, and click on the Widgets tab.
2. Search and select the Ticket Purchases widget to add it to your form.
3. In the Widget Settings on the right, update the options and other fields, and click on the Update button.

Thanks for reaching out to Jotform Support.

How do I get one positioned on the same line and to the right of EACH of the 31 tickets?

Hi Essex_Board,

Are you asking how to position 31 options from the Select a Class Date and Time once you add them to the Ticket Purchases widget? Let me show you how to do that once you add a widget to your form:

1. First, you need to paste all options to the widget instead of the default option and click on Update.

2. Then, click on the Gear icon and in the Question Properties menu change label alignment from Left to Top.

3. After that, increase the width of the widget from 300 px to 700 px.

If that’s not quite what you’re looking for, can you share a bit more info so I can help you better?

Let us know if you have any other questions.

Can you be a bit more specific please regarding your instructions....

1. First, you need to paste all options to the widget instead of the default option and click on Update.

WHICH widget are you talking about in the above statement? the checklist widget or the Ticket purchases widget? if the ticket purchases widget, how does the checkbox get added to the left of the ticket description and how do I ensure that only ONE of the 31 possible tickets gets selected by the student?

Hi Essex_Board,

In my colleague’s screen recording, he’s using the Ticket Purchases widget. The checkbox you see is built in, it always appears to the left of each ticket description, so there’s no need to add it manually.

If you want to make sure users can only select one ticket option, set the Max Selection value to 1. This automatically limits the choice so each student can pick only one of the 31 available tickets. Let me show you how:

1. In Form Builder, select the Ticket Purchases widget and click on the Wand icon.
2. Then, under the General tab, add 1 in the Max Selection input box and click on the Update button.

Take a look at the screencast of the result below:

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

finally! in the end this was VERY easy - the BOT was an AWFUL experience....it only ever managed to get the name, address, email phone part of the form correct. Even the emails back and forth with HUMANS was a pretty frustrating experience as they were either bots themselves. OR they didn't bother to look at the sample I sent right from the beginning or didn't bother to read my question. Rather they tossed out a bunch of "STUFF" that had nothing to do with the question I asked. Thank you for FINALLY READING and ANSWERING the question. BUt I gotta tell 'ya...something this simple should have taken hours not days

Hi Essex_Board,

We understand how frustrating it can be when the support you receive doesn’t fully address your needs, especially after you’ve provided clear examples from the start.

We’re glad the final solution worked, using the Ticket Purchases widget with the max selection set to 1 allowed you to show seat availability beside each class while limiting users to just one selection. This widget is designed for multiple ticket options with built‑in checkboxes and inventory tracking, which makes it a great fit for your goal.

Reach out anytime if more questions come to mind.

thanks -

the form is done and turned over to the client to test. If they enter a few registrations, they will decrement the "seats remaining" below what the "live" number of seats should be...Can I just reset the "seats remaining" by changing the number in the brackets {} in the list?

I think someone should seriously look at how the bot is performing.....it does a horrible job even on something as simple as the ticket widget. Sure, had I known the ticket widget was the right solution and asked the bot specific questions about the ticket widget, it probably would have done a better job. But I am new to jotform and didn't know which element to use. That's where the bot should be able to help....but seems like the bot is only useful if you are already very familiar with all of the widgets.

Hi Essex_Board,

Yes, that is correct, you can simply update the number in the brackets to reset the number of seats. Here is a quick screencast of a cloned form showing how the number of seats can be updated in the Ticket Purchase widget:

I understand your concerns about the Jotform AI. We already have multiple teams analyzing and reviewing everything Jotform AI is doing. We are doing everything to make it more useful for our users.

Reach out again if you need any more help.