Help Centre

How can I show my grid view calendar on mobile devices?

Updated on

You can show the grid view calendar on your website on desktop computers as well as on mobile devices.
In order to show the grid view calendar instead of the default mobile calendar you need to include the option to the widget code.

The widget is being newly created

1. Go to Admin > Website integration > Go to calendar wizard > Add new calendar.
2. Click Add new calendar.
3. Create the calendar as required.

Once the calendar has been created, you will be forwarded to the Widget code tab.

4. Tick the box Tick to use grid view calendar version on mobile.

Copy the created widget code and forward it to your web developer to be included in your website.

The widget has already been created

If you already have added the calendar widget to your website, you can amend the widget in order to include the option to show the grid view calendar on mobile as well.

1. Go to Admin > Website integration > Go to calendar wizard > Widget code.

2. Select the calendar you want to amend from the Calendar key drop down menu.

Please note:
If you have only created one calendar so far, only this one calendar will be showing in the drop down menu.

3. Tick the box in front of the option Tick to use grid view calendar version on mobile

When looking at the widget code at the bottom of the page, you can see that the code does now include the text data-calendar-mobile-grid="true".

4. Copy the widget code and send it to your web developer to amend your website.

Previous Article How do I customise my website availability search for blank search results?
Next Article Adding Custom Text to the 'Book Now' Calendar pop-up