The topics in this section provide information about the different views used by the igScheduler control to present calendar data.
The igScheduler control can be configured to present calendar information in different ways called "views". The view type can be configured using the ViewMode property.
| Topic | Purpose |
|---|---|
| Overview (igScheduler) | This topic provides conceptual information for the igScheduler™ control including information regarding: features, configuration, requirements and theming. |
| Configuring Appointments (igScheduler) | This topic shows how to setup and configure Appointments DataSource for the igScheduler. |
| Configuring Resources (igScheduler) | The topics in this section provide information about the resources concept of the igScheduler control. |
This topic explains how data is presented in the igScheduler's agenda view.
The following table maps some configurable aspect/behavior of the agenda view to the property that is responsible for:
| Aspect | Description | Property |
|---|---|---|
| Amount of visible days | Configure the the amount of days in the agenda view. | dateRangeInterval |
The following table maps some of the user interactions to the events that are raised by the control:
| User Interaction | Description | Event |
|---|---|---|
| Changed the range | Fired after agenda view range is changed when using previous and next buttons. | agendaRangeChanged |
| Changing the range | Fired before agenda view range is changed when using previous and next buttons. | agendaRangeChanging |
This topic explains how data is presented in the igScheduler's month view.
The following table maps some configurable aspect/behavior of the month view to the property/method that is responsible for:
| Aspect | Description | Property |
|---|---|---|
| Agenda visible appointments | The scope of appointments that are displayed in a MonthView's AgendaView | agendaVisibilityType |
| Appointment indicator mode | The type of content displayed for appointment in a MonthView day. | appointmentMode |
| Agenda visibility | Controls the visibility of an AgendaView in a MonthView. When enabled, the MonthView will display an AgendaView showing the Appointments for the currently selected day at the top of its list of Appointments. | isAgendaVisible |
| Horizontal Separator | Controls the visibility of the horizontal separators between weeks in the MonthView | isHorizontalSeparatorVisibile |
| Days visibility from the next month | Controls the visibility of the days from the next month that occur in the last week of a given month. | isNextMonthShown |
| Days visibility from the previous month | Controls the visibility of the days from the previous month that occur in the last week of a given month. | isPreviousMonthShown |
| Vertical separator between days | Controls the visibility of the vertical separators between days of the week in a MonthView. | isVerticalSeparatorVisibile |
| Weekdays names visibility | Controls the visibility of the weekday names in MonthView. | isWeekdayVisible |
| Week number visibility | Controls the visibility of the week numbers in a MonthView. | isWeekNumberVisible |
| Agenda - Month view split orientation | Controls the orientation, which determines whether the MonthView and AgendaView views are split vertically or horizontally. This option can be used when the AgendaView is displayed in the MonthView. | |
| viewSplitOrientation |
This topic explains how data is presented in the igScheduler's week view.
The following table maps some configurable aspect/behavior of the week view to the corresponding property/method:
| Aspect | Description | Property |
|---|---|---|
| Display mode | The week view can be configured to show all 7 week days or only the days configured as working days. | weekViewDisplayMode |
| Time slot duration | Configure the time slots' duration. Currently 5, 6, 10, 15, 30 and 60 minutes are supported. | timeSlotInterval |
| Working days and hours | You can configure this view to display only working hours or all 24 hours. | workingHoursDisplayMode |
This topic explains how data is presented in the igScheduler's day view.
The following table maps some configurable aspect/behavior of the day view to the property/method that is responsible for:
| Aspect | Description | Property |
|---|---|---|
| Visible days | You can control how many days are visible at a time in the day view. Currently between 1 and 7 days are supported. | dayViewNumberOfDays |
| Time slot duration | Configure the time slots' duration. Currently 5, 6, 10, 15, 30 and 60 minutes are supported. | timeSlotInterval |
| Working days and hours | You can configure this view to display only working hours or all 24 hours. | workingHoursDisplayMode |
| Topic | Purpose |
|---|---|
| Configuring Appointments (igScheduler) | This topic shows how to setup and configure Appointments DataSource for the igScheduler. |
Configuring Resources (igScheduler): This topic shows how to add and configure Resources list for the appointments.
View on GitHub