Skip to main content

Calendar Component - Day, Week & List View

Intro​

Our web app's calendar is super easy to use! You can check out your info. in different ways: day by day for a close look, week by week for a bigger picture, or in a list for a neat and organized view. It's like a customizable tool that lets you see your stuff just the way you like it. The design is sleek, and it's so simple to use – making your time with the calendar a happy and productive part of our web app!

In this video tutorial you will know how to use the calendar component to view data -day-wise, week-wise and list-wise.

1. Change Default View for - Day​

Drop the Calendar component and once you bind the collection to it; choose the Default View - Day.

DrapCode Builder Collection Constructor

2. Preview​

Click Preview to view the data day-wise.

DrapCode Builder Collection Constructor

3. Change Default View for - Week​

Drop the Calendar component and once you bind the collection to it; choose the Default View - Week.

DrapCode Builder Collection Constructor

4. Preview​

Click Preview to view the data week-wise.

DrapCode Builder Collection Constructor

5. Change Default View for - List​

Drop the Calendar component and once you bind the collection to it; choose the Default View - List.

DrapCode Builder Collection Constructor

6. Preview​

Click Preview to view the data list-wise.

DrapCode Builder Collection Constructor

Conclusion​

One benefit of our web app's easy-to-use calendar is that it allows users to tailor their viewing experience based on personal preferences. Whether someone prefers a detailed day-by-day overview, a broader week-by-week perspective, or a concise and organized list view, the customizable options cater to individual needs. This flexibility enhances user satisfaction and efficiency, as individuals can effortlessly adapt the calendar to suit their unique requirements, making their time with the web app more personalized and productive.