Calander options

  • Profile Image
    ballard991
    Asked on June 10, 2020 at 06:17 AM

    Hi, i am trying to add an overview calander which shows when certain days are booked (for a house). Any advice of what is the best thing to use? I wondered whether using a plug in from Goggle calanders would work best?


  • Profile Image
    IvayloK
    Answered on June 10, 2020 at 09:06 AM

    I would suggest you to use the Date Reservation widget. You can find it here:

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

    It will allow you to avoid double bookings. The widget will let the users to select dates on a calendar. The dates will then be marked as booked and will be unable to be selected by other people filling out your form.

    Please give it a try and let us know if you need any further assistance.

  • Profile Image
    ballard991
    Answered on June 10, 2020 at 10:17 AM

    Hi, this is helpful, thanks. Although, how can i block out old dates that are already booked? i.e someone can next week is taken. 

  • Profile Image
    Carlos_C
    Answered on June 10, 2020 at 11:26 AM

    Hello,

    Thank you for your message.

    In that case, you can use the widget https://www.jotform.com/widgets/appointment-slots this is a demo form https://form.jotform.com/201144832839052.

    You can set up the start date, the end date is optional.

    If you need any further assistance, please let us know. We will be happy to help.

  • Profile Image
    JB
    Answered on June 11, 2020 at 02:18 PM

    Hi,

    I am struggling to get this to work. Is it possible to block out periods? And, is it possible to select days rather than hour slots etc? 

  • Profile Image
    Carlos_C
    Answered on June 11, 2020 at 03:58 PM

    Hi,

    You can block a period, for example here https://form.jotform.com/201144832839052, as you can see here I just have available from June 12th to 17th.

    Regarding the hour slots, you can set up 24 hours but, the user needs to select at least the beginning of the day.


    If you need any further assistance, please let us know. We will be happy to help.


  • Profile Image
    ballard991
    Answered on June 13, 2020 at 01:12 AM

    Thanks for this, I have it working. But, I have applied it to my squarespace page now, link below with password ITFC, but as you will see it is cutting off the bottom of the form on the page? Any ideas? It would also be good to be able to move the form up a bit, there is a bit too much padding from the top. 

    https://www.leperchoirfrance.com/new-page

  • Profile Image
    Richie_P
    Answered on June 13, 2020 at 05:24 AM

    I have checked the embedded form and it seems you're using the Iframe embed.

    I would suggest increasing the height of your iFrame, you may also enable scrolling.

    15920402421.png

    Please give it a try and let us know how it goes.

  • Profile Image
    ballard991
    Answered on June 13, 2020 at 05:57 AM

    I forgot to add too, if i need to update the info in Jotform, i.e block out a period, do i need to do that in the Jotform area and then copy the code across each time or will it sync? 

  • Profile Image
    Flavio_A
    Answered on June 13, 2020 at 09:12 AM

    Hi @ballard991

    You can use this CSS code to hide the time slots:

    .appointmentSlotsContainer {

        display: none !important;

    }

    Please check this guide that explains how to inject custom CSS to your form:

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

    As for your second question, the form will sync each time you change it. You will not need to copy the code again.

    Please let us know if you need any further assistance.