How to add CSS for to date and time so that people are not able to book

  • Profile Image
    KromahStudio
    Asked on November 22, 2019 at 01:01 PM

    How to add CSS for to date and time so that people are not able to book the same hours in the same date??



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Mike_G
    Answered on November 22, 2019 at 03:40 PM

    Do you wish to disable a time option on dates if it was previously selected by other respondents? This means that if a respondent accesses your form, he/she should not be able to select a time on a date that had been selected by another respondent.

    If I'm understanding your concern correctly, I'm not sure if using custom CSS codes would best fit your requirements. But, perhaps you can do the workaround explained in this guide instead— https://www.jotform.com/help/375-How-to-Have-Unique-Question-Using-Multiple-Fields

    Feel free to contact us again anytime if you have other questions or concerns.

  • Profile Image
    abrahimkromah07
    Answered on November 22, 2019 at 04:02 PM

    so I want to find a way to prevent people from book appointments on the same time of the day. I have my appointments connected to google calendar. 

  • Profile Image
    roneet
    Answered on November 22, 2019 at 09:28 PM

    Would you mind letting us know the Form URL where you want to implement this?

    To prevent the user to select the same time you may consider using Date reservation, Appointment slots, Gift registry widget:

    https://www.jotform.com/widgets/date-reservation

    https://www.jotform.com/widgets/appointment-slots

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

    Hope this helps!

    Thanks.

  • Profile Image
    jherwin
    Answered on December 10, 2019 at 10:23 AM

    Hello @velmajdennis - To clarify. Can you please confirm that the issue has already been resolved on your end?

    If you require any further assistance, please let us know.
    Thank you.