Scheduler View Class Map

Scheduler is built as a Webix Jet app, so every part of its interface is a Jet view with its own name. Use these names to redefine or extend the default views, as described in Customizing Scheduler.

Scheduler consists of the Jet views listed below. Views are nested under the views that contain them, and each name links to a screenshot that highlights the view in the interface.

The views described as belonging to the compact mode appear only in the compact layout, which Scheduler switches to on narrow screens or when the compact setting is enabled.

"main" - main Scheduler container

Bars

"bars" - main toolbar at the very top
- "bars/add" - button to create a new event
- "bars/date" - control with the current period label and arrows for switching the date
- "bars/nav" - tabbar for switching display modes
- "bars/navpopup" - sidemenu in the compact mode

Event

"event/form" - form for event editing
- "event/recurringform" - extra form with the recurrence pattern settings
"event/formpopup" - full-size popup container that contains "event/info" and "event/form" in the compact mode
"event/info" - panel with the event details
- "event/actionmenu" - action menu for recurring events

Modes

Agenda

"modes/agenda" - list of events grouped by day in the agenda mode

Day

"modes/day" - container for the grid in the day mode
- "modes/day/multiday" - list with multiday events
- "modes/day/events" - list of events for a single day in the day, week and units modes

Week

"modes/week" - container for the grid in the week mode
- "modes/week/header" - header with days of the week in the week mode
- "modes/week/multiday" - grid with multiday events
- "modes/week/compact" - list of the week events grouped by day in the compact mode

Month

"modes/month" - container for the grid in the month mode
- "modes/month/header" - header with days of the week in the month mode
- "modes/month/events" - events grid in the month mode
- "modes/month/compact" - month calendar in the compact mode
- "modes/month/list" - list of the selected day events in the compact mode
- "modes/month/more" - popup when there is no free space for events, also used in the year mode

Timeline

These views are available only if the timeline setting is enabled.

"modes/timeline" - container for the grid in the timeline mode
- "modes/timeline/bar" - toolbar with the scale select
- "modes/timeline/scale" - horizontal time scale of the grid
- "modes/timeline/chart" - grid sections and bars
- "modes/timeline/more" - popup when there is no free space for events, based on "modes/month/more"

Units

These views are available only if the units setting is enabled.

"modes/units" - container for the grid in the units mode
- "modes/units/header" - header with unit names
- "modes/units/multiday" - container with multiday events grouped by unit
- "modes/units/multidaylist" - list of multiday events for a single unit
- "modes/units/days" - events grid in the units mode
- "modes/units/events" - list of events for a single unit

Year

"modes/year" - container with the calendars of all 12 months
- "modes/year/calendar" - calendar for a single month of the year

Common

"modes/common/actionpopup" - drag-and-drop action popup for recurring events
"modes/common/hourscale" - hour scale in the day, week and units modes

Side

"side" - sidebar with a mini calendar for picking the date and the list of calendars; in the compact mode, the calendar is replaced with the list of display modes from "bars/navpopup"
- "side/popup" - popup with a color palette and the "Settings" button
- "side/editor" - popup for editing calendar info