Views

The Bootstrap Scheduler control displays appointment data using a standard view. These views define the time intervals (for instance, the Day view displays only one or several days at a time), the user interface elements, and the control's behavior specific to the currently active view. This view plays a major part in the Scheduler control's appearance.

The following view types are supported:

Agenda View

Note

See Online Demos: To see the Agenda View in action, view the following demo online: Agenda View

The Agenda View displays a chronological list of appointments, grouped by a day. The AgendaView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to AgendaView.

AgendaView

The following table lists the Agenda View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointment's display options.
DayCount Specifies the number of days that can be displayed simultaneously within the Agenda View.
DayHeaderOrientation Specifies whether a day header should be fixed when scrolling.
AllowFixedDayHeaders Specifies a day header's orientation.
AppointmentDisplayOptions -> IconCellVisibility Specifies whether an icon cell is visible.

Day View

Note

See Online Demos: To see the Day View in action, view the following demo online: Day View

The Day View gives the most detailed view of appointments for a particular day. The DayView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to DayView.

DayView

The following table lists the Day View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the Day View appointments display options.
DayCount Specifies the number of days that are simultaneously displayed within the Day View.
ShowAllDayArea Specifies if the All-Day Area is shown when a Scheduler shows its data in the Day view.
ShowDayHeaders Specifies if day headers are shown when a scheduler shows its data in the Day or the Work-Week views.
ShowMoreButtonsOnEachColumn Specifies a value indicating whether to show the more buttons on each column in the Day View.
ShowWorkTimeOnly Specifies a value indicating if the scheduler should show its data only for the working hours in a Day View.
AppointmentDisplayOptions -> SnapToCellsMode Specifies the method of snapping appointments to time cells.
TimeScale Specifies the time interval for the time zones and time slots in the scheduling area.
TimeSlots Specifies the View's collection of time slots.
VisibleTime Specifies the time of the view's day interval.
WorkTime Specifies the work time interval for a Day View.

Work-Week View

Note

See Online Demos: To see the Work-Week View in action, view the following demo online: Work-Week View

The Work-Week View displays appointments for the working days in a particular week or several weeks. The WorkWeekView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to WorkWeekView.

WorkWeekView

The following table lists the Work-Week View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointments display options.
DayCount Specifies the number of days that are simultaneously displayed within the view.
ShowAllDayArea Specifies if the All-Day Area is shown when a Scheduler shows its data in the view.
ShowDayHeaders Specifies if day headers are shown when a scheduler shows its data in the Day or the Work-Week views.
ShowFullWeek Specifies a value indicating whether this view should show a full week.
ShowMoreButtonsOnEachColumn Specifies a value indicating whether to show the more buttons on each column in the view.
ShowWorkTimeOnly Specifies a value indicating if the scheduler should show its data only for the working hours in a view.
TimeScale Specifies the time interval for the time zones and time slots in the scheduling area.
TimeSlots Gets the View's collection of time slots.
VisibleTime Specifies the time of the view's day interval.
WorkTime Specifies the work time interval for a view.

Full Week View

Note

See Online Demos: To see the Full Week View in action, view the following demo online: Full Week View

The Full Week View displays appointments for the entire week. The FullWeekView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to the FullWeek.

FullWeekView

The following table lists the Full Week View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointment's display options.
ShowAllDayArea Specifies if the All-Day Area is shown when a Scheduler shows its data in the view.
ShowDayHeaders Specifies if day headers are shown when a scheduler shows its data in the Day or the Work-Week views.
ShowMoreButtonsOnEachColumn Specifies a value indicating whether to show the more buttons on each column in the view.
ShowWorkTimeOnly Specifies a value indicating if the scheduler should show its data only for the working hours in a view.
TimeScale Specifies the time interval for the time zones and time slots in the scheduling area.
TimeSlots Gets the View's collection of time slots.
VisibleTime Specifies the time of the view's day interval.
WorkTime Specifies the work time interval for a view.

The FirstDayOfWeek method (available through OptionsView) gets the day which the Scheduler's week starts from.

Week View

Note

See Online Demos: To see the Week View in action, view the following demo online: Week View

The Week View displays appointments for any given weekly period. The WeekView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to WeekView.

WeekView

The following table lists the Week View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointment's display options.

Month View

Note

See Online Demos: To see the Month View in action, view the following demo online: Month View

The Month View is the least detailed of the views, and is designed to allow your end-users to browse and analyze long-term plans. This view positions the days in sequence horizontally, so that they form weeks, while weeks are placed one under another. The MonthView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to MonthView.

MonthView

The following table lists the Month View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointment's display options.
CompressWeekend Specifies a value indicating if the weekend days (Saturday and Sunday) should be displayed as one day.
ShowWeekend Specifies a value indicating if the scheduler should also show its data for the weekend days (Saturday and Sunday) in a Month View.
WeekCount Specifies the number of weeks that are simultaneously displayed within the Week View.

Timeline View

Note

See Online Demos: To see the Timeline View in action, view the following demo online: Timeline View

The Timeline View displays appointments as horizontal bars along the timescales, and provides end-users with a clearer overview for scheduling purposes. The TimelineView method (available through Views) is used to specify this view's options. The image below demonstrates the Scheduler control with its ActiveViewType set to TimelineView.

The following table lists the Timeline View's main methods which implement its core functionality:

Member Name Description
AppointmentDisplayOptions Provides access to the appointment's display options.
Scales Provides access to a collection of time scales displayed in the timeline view.
WorkTime Specifies the work time interval for a Timeline View.
CellAutoHeightOptions Provides access to options for specifying cell auto height behavior.
AppointmentDisplayOptions -> SnapToCells Specifies whether the appointment should snap to cell borders.

See Also