Volunteers Choose Time Slots to Work Booth

  • joan_waldrop
    Asked on April 27, 2021 at 7:36 PM

    I used a template and now I think it wasn't right for me.

    I am trying to create a form for volunteers to schedule themselves against available time slots to work a booth. The booth is only open certain hours and can have max of 2 people working at a time. Volunteers should be able to schedule themselves against one or more time slots.

    In this template, they can only choose one slot and I can't seem to figure out how to change that.

    Ideas? Thanks, Joan

  • Rehan Support Team Lead
    Replied on April 28, 2021 at 6:50 AM

    Greetings,

    The appointment field allows the selection of one time slot at a time. They will have to submit the form again for another slot.

    You can try the quantity gift registry widget instead to select the available time slots. This will also give you the option to limit the users to select 2 options or more at a time.

    Please check the demo form below.

    https://www.jotform.com/211173087364050

    Should you have any questions then please let us know.

    Thanks

  • joan_waldrop
    Replied on April 29, 2021 at 1:14 AM

    OK, I tried the gift registry widget. It is better; I can see that it aggregates responses & emails each submitter. But now I have more questions:

    • how do I get it to save the data into an online spreadsheet?
    • how can I make the font of the 'Items' smaller?
  • Rehan Support Team Lead
    Replied on April 29, 2021 at 2:55 AM

    Greetings,

    • how do I get it to save the data into an online spreadsheet?

    You can use the Google Sheet integration in your form to send the data in the Google Sheet.

    https://www.jotform.com/help/228-how-to-integrate-forms-with-google-sheets

    • how can I make the font of the 'Items' smaller?

    Kindly share a screenshot of the items you are referring to so we can create the CSS code for it.

    https://www.jotform.com/help/438-how-to-post-screenshots-to-our-support-forum

    If you want to use the widget version where users can check or uncheck the slots then you can use the simple Gift Registry widget.

    https://www.jotform.com/widgets/gift-registry

    Should you have any questions then please let us know.

    Thanks

  • joan_waldrop
    Replied on June 10, 2021 at 10:27 PM

    I am still not happy with this jotform. The quantity gift registry widget is just not well suited for the purpose of time-based items. See how I have to repeat each day-of-week, day of month, then time slot? There might be 40 of these. Is there a better way? Thanks.


    1623378305 60c2c98159dc3  Screenshot 10

  • Rehan Support Team Lead
    Replied on June 10, 2021 at 11:54 PM

    Greetings Joan,

    Based on your requirement of users to have the ability to select more than one slots, this is the most suitable widget that can fulfil this requirement.

    I understand that you've to add the slots as shown in the screenshot you've shared. We have other options available like the Appointment field however, this will only allow the users to select one slot at a time.

    Should you have any other concerns then please let us know.

    Thanks

  • joan_waldrop
    Replied on June 11, 2021 at 9:22 PM

    Could I have the Custom CSS to reduce the font size for the available time slots?

  • Kenneth JotForm Support
    Replied on June 11, 2021 at 11:30 PM

    Hi there,

    After customizing the form, here is how it looks:

    1623468371 60c4295390fcb j1 Screenshot 10

    If that is acceptable, kindly insert this code into your Quantity Gift Registry's CUSTOM CSS area:

    #gr_list span.items-left {

    1. font-size: 8px !important;

    }

    Feel free to change the font size shaded in Orange.

    I hope that helps.

    Best.

  • joan_waldrop
    Replied on June 14, 2021 at 1:03 AM

    Actually, it is the column on the left I want to reduce (the one with all the days/times repeated).

  • Rehan Support Team Lead
    Replied on June 14, 2021 at 2:24 AM

    Greetings,

    To change the font size of the slots you can inject the following CSS in the Custom CSS section of the widget.

    .checklist label {
         font-size: 14px;
    }

    Should you need further assistance then please let us know.

    Thanks

  • joan_waldrop
    Replied on June 28, 2021 at 9:51 PM

    OK, this is still not working for me. Here is what I did, but I change the size # and nothing changes. 1624931457 60da7c819273b Screen Shot Screenshot 10

  • Rehan Support Team Lead
    Replied on June 29, 2021 at 12:44 AM

    Greetings,

    Kindly inject the CSS in the Custom CSS section of the widget. For instructions please check the guide below.

    https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    Should you need further assistance then please let us know.

    Thanks

  • joan_waldrop
    Replied on June 29, 2021 at 1:48 AM

    Thank you. It works great.