Create Opening Hours form

  • Robert_Hicks
    Asked on March 28, 2024 at 4:36 AM

    Hello,

    Please could you advise?

    What is the best way to replicate the opening hours of this form in Jotform, please? (see attached image)

    Create Opening Hours form Image 1 Screenshot 20

    Thanks

  • Mahmoud JotForm Support
    Replied on March 28, 2024 at 5:30 AM

    Hi Robert, 

    Thanks for reaching out to Jotform Support. If I understood you correctly, are you trying to enable and disable the form at specific times during the day? Unfortunately, it is not possible to do that from the form settings. However, you can use a workaround for this using the Time field and Form Conditions. Let me show you how:

    First, add a time element to your form and set the current time as the default time:

    1. In Form Builder, click on the Add Form Element menu on the left side of the page.
    2. Under the Basic tab, add a Time element to your form.
    3. Click on the Gear icon to open the File Upload properties.
    4. Under the Options tab, select Current as the Default Time.
    5. Set the Time Format to 24 Hour

    Create Opening Hours form Image 1 Screenshot 70

    Add a paragraph element to show a message for the form working times:

    1. In Form Builder, click on the Add Form Element menu on the left side of the page.
    2. Under the Basic tab, add a File Upload element to your form.
    3. Click on the Pencil icon to add your text.

    Create Opening Hours form Image 2 Screenshot 81

    Lastly, we will use the Show/Hide conditions, to hide the fields except for the Paragraph element, when the time is not equal to the time you wish to enable your form. Here's how:

    • In the Form Builder, on the orange navigation bar, click Settings.
    • On the left panel, select Conditions.
    • Click the Show/Hide Field option.
    • Set condition as you can see below:

    Create Opening Hours form Image 3 Screenshot 92

    Another condition for the opening time:

    Create Opening Hours form Image 4 Screenshot 103

    Check out the result of the form after applying the conditions:

    Create Opening Hours form Image 5 Screenshot 114

    I suggest setting the Time field as Read Only to avoid any issues from it:

    Create Opening Hours form Image 6 Screenshot 125

    Feel free to Clone my Demo Form for more details.

    Give it a try and let us know how it goes.