display a calendar on my form

  • Profile Image
    RCC_event
    Asked on January 10, 2022 at 05:29 AM

    I want to create a booking form (with custom time duration), then show all the form feedbacks onto the calendar, which is on the form also.

    I currently use iframe to embed the jotform tables in calendar format, but the calendar is too small and displays the input table (another page) instead of the calendar first. and doing it this way gives a very messy layout

  • Profile Image
    Sam_G
    Answered on January 10, 2022 at 07:21 AM

    Hello RCC_event,

    You can create a calendar report then embed it via iFrame embed.

    https://www.jotform.com/help/249-how-to-create-a-calendar-report/

    After you create your Calendar Listing report, you will be able to copy/paste the iframe code. So, you can get the iframe code and embed it to your website. 

    You will get the following window on the final step:

    1580928622chrome_4O9g9KNN7o.png

    Let us know if you need any further assistance.


  • Profile Image
    RCC_event
    Answered on January 10, 2022 at 09:21 PM

    thank you! its the thing i want.

    however, i cannot see it through my mobile device via the Jotform app, the iframe is displayed as "Error Youre not authorized." is this a bug of the widget? it works fine on my desktop computer

    Also, the arrows are too close together which mixes up the yearly and monthly browsing, can i customize it?


  • Profile Image
    Sam_G
    Answered on January 11, 2022 at 03:04 AM

    Hello RCC_event,

    May we ask what model and OS your phone is?

    We will try to replicate it.

    Please inject this custom CSS inside the widget to decrease the width of the iFrame:

    iframe {

    width: 340px !important;

    }

    Just click the widget field and then click the "Widget Settings" button. After that, go to the "Custom CSS" tab and paste the code. Click the "Update Widget" button when you're done.

    150410900108%20-%2031%20-%20ht81v.png



  • Profile Image
    RCC_event
    Answered on January 11, 2022 at 04:33 AM
    my phone model: phone XR
    ...
  • Profile Image
    Sam_G
    Answered on January 11, 2022 at 06:09 AM

    Hello RCC_event,

    I checked your account settings privacy and you need to disable these options:

    1. Require log-in to see submissions.

    2. Require log-in to view uploaded files.

    152514440145y6f.png

    After that, please test it on a different device without accessing any Jotform account. If the issue still persists, please let us know so we can investigate it further.