display a calendar on my form

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

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:

Let us know if you need any further assistance.

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?

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.

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.

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.