DOM View Elements

The DOM elements structure of different calendar views is exposed through the Object returned from the Calendar.getViewDom method. The following tables contain information about the structure of this object in the different views.

Month Range View

Element
Description
element
The root div element of the view.
header
The root div of the header of the view.
monthRows
An array containing every month's root div element.
scroller
The scrollable div element of the view.

Element	Description
element	The root div element of the view.
header	The root div of the header of the view.
monthRows	An array containing every month's root div element.
scroller	The scrollable div element of the view.

Single Month View

Element
Description
bgCells
An array containing background cells of the view.
element
The root div element of the view.
header
The root div of the header of the view.
itemCellHeaders
An array containing all cell headers of the view.
itemCells
An array containing item cells.
itemTables
An array containing the items tables.
rows
An array containing the rows in the view.
scroller
The scrollable div element of the view.
titles
An array with cells header titles.
weekNumHeaderLeft
The week numbers header.

Element	Description
bgCells	An array containing background cells of the view.
element	The root div element of the view.
header	The root div of the header of the view.
itemCellHeaders	An array containing all cell headers of the view.
itemCells	An array containing item cells.
itemTables	An array containing the items tables.
rows	An array containing the rows in the view.
scroller	The scrollable div element of the view.
titles	An array with cells header titles.
weekNumHeaderLeft	The week numbers header.

Week Range View

Element	Description
bgCells	An array containing background cells of the view.
element	The root div element of the view.
header	The root div of the header of the view.
itemCellHeaders	An array containing all cell headers of the view.
itemCells	An array containing item cells.
itemTables	An array containing the items tables.
rows	An array containing the rows in the view.
scroller	The scrollable div element of the view.
titles	An array with cells header titles.

List View

Element
Description
bgCells
An array containing background cells of the view.
element
The root div element of the view.
header
The root div of the header of the view.
itemCellsHeaders
An array containing all cell headers of the view.
itemCells
An array containing item cells.
itemTables
An array containing the items tables.
outerBgCells
An array containing outer the background cells of the view
rows
An array containing the rows in the view.
scroller
The scrollable div element of the view.
titleTexts
An array with cells header title texts.
titles
An array with cells header titles.
weekNumHeaderLeft
The week numbers header.

Element	Description
bgCells	An array containing background cells of the view.
element	The root div element of the view.
header	The root div of the header of the view.
itemCellsHeaders	An array containing all cell headers of the view.
itemCells	An array containing item cells.
itemTables	An array containing the items tables.
outerBgCells	An array containing outer the background cells of the view
rows	An array containing the rows in the view.
scroller	The scrollable div element of the view.
titleTexts	An array with cells header title texts.
titles	An array with cells header titles.
weekNumHeaderLeft	The week numbers header.

Horizontal Timetable View

Element
Description
content
The timetable portion of the view.
element
The root div element of the view.
header
The root div of the header of the view.
headerCueCells
An array containg table cells with cue items in the all-day header.
headerEmtpyRow
A table cell representing the empty collumn in the all-day items header.
headerItemsCells
An array containing item cells in the all-day items header.
headerItemsTable
An array containing the all-day items tables.
headerRows
An array with table rows containing header titles in the all-day items header.
headerTable
The main all-day items header table.
nextBtn
The 'next' navigation button.
prevBtn
The 'previous' navigation button.
scheduleTable
The schedule table element of the view.
scroller
The scrollable div element of the view.
switchBtn
The 'expander' button in the all-day items header.
timeline
The timeline of the view.

Element	Description
content	The timetable portion of the view.
element	The root div element of the view.
header	The root div of the header of the view.
headerCueCells	An array containg table cells with cue items in the all-day header.
headerEmtpyRow	A table cell representing the empty collumn in the all-day items header.
headerItemsCells	An array containing item cells in the all-day items header.
headerItemsTable	An array containing the all-day items tables.
headerRows	An array with table rows containing header titles in the all-day items header.
headerTable	The main all-day items header table.
nextBtn	The 'next' navigation button.
prevBtn	The 'previous' navigation button.
scheduleTable	The schedule table element of the view.
scroller	The scrollable div element of the view.
switchBtn	The 'expander' button in the all-day items header.
timeline	The timeline of the view.

Vertical Timetable View

Element
Description
content
The timetable portion of the view.
element
The root div element of the view.
groupRow
The group row element.
header
The root div of the header of the view.
headerEmptyRow
A table row representing the empty row in the all-day items header.
headerItemRow
A table row containing items in the all-day items header.
headerItemsCell
An array containing item cells in the all-day items header.
headerRow
A table row containing header titles in the all-day items header.
headerTable
The main all-day items header table.
nextBtn
The 'next' navigation button.
prevBtn
The 'previous' navigation button.
scheduleTable
The schedule table element of the view.
scroller
The scrollable div element of the view.
switchBtn
The 'expander' button in the all-day items header.

Element	Description
content	The timetable portion of the view.
element	The root div element of the view.
groupRow	The group row element.
header	The root div of the header of the view.
headerEmptyRow	A table row representing the empty row in the all-day items header.
headerItemRow	A table row containing items in the all-day items header.
headerItemsCell	An array containing item cells in the all-day items header.
headerRow	A table row containing header titles in the all-day items header.
headerTable	The main all-day items header table.
nextBtn	The 'next' navigation button.
prevBtn	The 'previous' navigation button.
scheduleTable	The schedule table element of the view.
scroller	The scrollable div element of the view.
switchBtn	The 'expander' button in the all-day items header.

Resource View

Element
Description
bgCells
An array containing background cells of the view.
bgTables
An array containing the tables with background cells.
element
The root div element of the view.
groupCells
The group header cells.
groupHeader
The group header table of the view.
header
The root div of the header of the view.
itemCellHeaders
An array containing all cell headers of the view.
itemCells
An array containing item cells.
itemTables
An array containing the items tables.
laneTables
An array containing the lane tables.
rows
An array containing the rows in the view.
scroller
The scrollable div element of the view.
timelines
An array containing the view timelines.

Element	Description
bgCells	An array containing background cells of the view.
bgTables	An array containing the tables with background cells.
element	The root div element of the view.
groupCells	The group header cells.
groupHeader	The group header table of the view.
header	The root div of the header of the view.
itemCellHeaders	An array containing all cell headers of the view.
itemCells	An array containing item cells.
itemTables	An array containing the items tables.
laneTables	An array containing the lane tables.
rows	An array containing the rows in the view.
scroller	The scrollable div element of the view.
timelines	An array containing the view timelines.