Skip to main content

Calender Layout

Calender Layout

We provide Full calender and Weekly calender for calender layout.

Full Calendar Layout Overview

The Full Calendar layout offers a visually appealing and intuitive interface. It can be enabled from both local settings and global settings. Once activated, users can select a date, and the available time slots for that date will be displayed.

Users can choose a time slot based on their preferences. When a date is selected, the background color will change, providing a clear visual indication of the chosen date.

To enable this feature, navigate to the Condition tab, available in both local and global settings. For a detailed guide, refer to the step-by-step procedure below.

Local settings(Full calender)

From product settings-> condition choose settings for condition tab.

Full Calender Local

At the bottom of the condition tab you will find the option for choosing the layout.

Full Calender

Global settings(Full calender)

Global Calender Full

Frontend Preview

Frontend View Full

Weekly Calendar Layout Overview

The Weekly Calendar layout provides a modern and focused interface designed for weekly scheduling. Unlike the Full Calendar layout, it offers a simplified view.

This layout can be activated via local settings or global settings, depending on your requirements. After activation, users can easily pick a date, and the corresponding available time slots for that day will be displayed. Users can then choose their preferred time slot seamlessly.

To ensure clarity, the selected date will be highlighted with a unique background color, making it easy to identify. You can enable this layout from the Condition tab, available in both local and global settings.

For detailed instructions, refer to the step-by-step screenshots provided below.

Local settings(Weekly calender)

From product settings-> condition choose settings for condition tab.

Full Calender Local

At the bottom of the condition tab you will find the option for choosing the layout.

Weekly Calender

Global settings(Weekly calender)

Global Calender

Frontend Preview(Weekly calender)

Frontend View

Video Tutorial