Can I limit the number of submissions based on the dropdown option?

  • pennmedicine
    Asked on May 30, 2019 at 8:45 AM

    I am looking to create a form for people RSVP'ing. Only 8 people are allowed from each organization, is there a way to make a cap off at 8 submissions based on the option from the drop down list of organizations the user select? 

  • Welvin Support Team Lead
    Replied on May 30, 2019 at 10:35 AM

    I'm sorry, but you cannot limit the number of selections in the dropdown field. A workaround would be to use any of the following widgets:

    https://widgets.jotform.com/widget/appointment_slots 

    https://widgets.jotform.com/widget/ticket_purchases

    https://widgets.jotform.com/widget/gift_registry

    Guide to add a widget in the form: https://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form.

    The widget would allow you to limit each option. Once the available slots are taken, it can no longer be selected in the form. 

    You can have a long list of organization in the form, so this would make the form longer. If you want to adjust the height of the widget, that can be done with custom CSS codes. We can help you do this later. 

    Please try that and let us know if you have any further questions.

  • pennmedicine
    Replied on May 30, 2019 at 12:49 PM

    great! Can you please instruct me on how to limit the height of the widget in the CSS so I am able to show a few and then scroll through them? thanks!

  • Welvin Support Team Lead
    Replied on May 30, 2019 at 2:24 PM

    Sure, the following custom CSS Codes would do it:

    #cid_24 {

        max-height: 350px;

        overflow: auto;

    }

    To get the ID of the widget: https://www.jotform.com/help/146-How-to-find-Field-IDs-Names. In the ID box, you'll see #input_24. Just change 'input' to 'cid' which means you are targetting the options, and not the whole field itself. 

    Change 350px to your preferred height. The overflow property adds the scrollbar. 

    Guide to injecting Custom CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes