What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I add a calender showing future available booking dates into my forms?Asked by skewbo on August 07, 2014 at 02:21 AM
I already have a list of weekly booking times (see below) but as they fill up I require a list of them (with radio button options) to book future versions with a date signifying the next available booking option(s)
Tuesday 3.30 - 5.30 / currently full
Wednesday 3.30 - 5.30
Thursday 3.30 - 5.30
Saturday 9.30 - 11.30 / currently full
Saturday 12.00 - 2.00 / currently full
I am Not booking a Children's class - see Teens check below
Is it a read-only section where submitters can see dates? Or, you want them to select any from the list of future booking dates?
If you want to allow submitters to book on future dates, you can use these widgets:
If it's a read-only section, you can use our Free Text Field and just put all the dates to the section:
OR, you can create a calendar of events to Google Calendar: https://support.google.com/calendar/answer/37095?hl=en and embed it to your form: https://support.google.com/calendar/answer/41207?hl=en (Embed Helper).
Let us know if you need further assistance.
Let us know if you'd like the idea of having a Google Calendar to your form so I can give you the steps on how to properly add one. The guides from Google is just an excerpt, it's confusing sometimes.
Let's see how it works
Here are the steps to add a Google Calendar to your form:
1) Load your form in editor.
2) Add a Text field in your form where you want to display the Google Calendar. You can find the Text field under "Form Tools" tab.
3) Grab the iFrame embed code of your Google Calendar. This guide should help you: http://www.webdesignerdepot.com/2012/04/integrating-google-calendar-with-your-website/
4) Add this iFrame embed code in your Text field :
Take a look a this example form: http://form.jotform.co/form/42187347295867
Hope this helps you, let us know if you have more questions, we will be glad to assist you.