• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Month Agenda View in ASP.NET Core Scheduler Control

This demo showcases the layout of Month Agenda view and its working.

DEMO
SOURCE

In this demo, the active view of Scheduler is set to MonthAgenda and no other view options are provided to views property. This view is designed by considering the combination of both the calendar and agenda layout together, so that whenever a particular date is selected - the events belonging to that date will be displayed on the event section at the bottom. Also, the dates which holds one or more events are marked with a round indicator below that date.

On double clicking the date cells, the user can open the default event editor to create events. The events displayed on this view at the bottom section can be edited or deleted either through popup options or edit event editor.