Scheduler : Samples

Scheduler Samples

Developer forum

Scheduler samples

Resources

Documentation

Scheduler API

Developer forum

Scheduler samples

No results

Initialization loading

Basic initialization Setting the Y-Axis format Customizing the scheduler header Readonly Scheduler Loading data from a database Multi-day events Localization Basic select editor in the lightbox Populating a select editor from the server Responsive scheduler

Customization

Coloring events Coloring days in Day and Week views Coloring hours in Day and Week views Colouring cells in Month view Custom editor in the lightbox Styling events with templates Custom view Validating lightbox fields Changing the Y-Axis step Hiding the select bar of the event box Automatic end date Full day events Checkbox in the lightbox Radio button in the lightbox Combo box in the lightbox Fully custom lightbox Customizing the lightbox header Populating a combo box from the server Multi-line event title Custom Y-Axis Setting/getting values of lightbox's controls Current time marking Displaying events as a cascade Setting the event color through object properties Linking select controls in the lightbox Custom event box Default values for lightbox controls Dynamic changing of lightbox configurations Time format of the lightbox controls 'View more' link in the Month view Resizable events in Month view

Extensions

Recurring events Units view Agenda view Year view Full-screen view Month days as links Keyboard navigation in the scheduler Work with cookies Specifying templates with HTML Saving the scheduler state in URL Export to PDF Read-only lightbox Loading data from multiple sources Read-only events Controlling the number of events in a time slot Limiting dates for creating events Loading Units sections from the server Horizontal scrolling sections in Units view Map view Tooltips Multiselect control in the lightbox Configuring the Map view WeekAgenda view Blocking dates Displaying multi-day events in the regular way Grid view Autoresizing the scheduler container Touch-oriented scheduler Touch-oriented scheduler. Managing the event form position Multiday Units view

Export

Serialize scheduler events Export to PDF [Legacy]Export to PDF/PNG Export to PDF with custom styles

Calendar

Mini calendar in the scheduler header Mini calendar without the scheduler Mini calendar in the lightbox Mini calendar outside the scheduler Mini calendar with the recurring events

Timeline

Cell mode Bar mode Tree mode Tree mode. Loading from DB Configuring the time scale (X-Axis)Export to PDF Second time scale (X-Axis)Configuring the second time scale Removing needless hours from the time scale Managing the order of events in the cell Custom navigation through the time scale (X-Axis)Tooltips Change number of columns for full month Days as Timeline rows Full week in Timeline row Horizontal scroll for Timeline view Display labels in timeline cells Collapse timeline rows Timeline Sidebar columns

Skins

Terrace skin Material skin Flat skin High contrast theme - Black High contrast theme - White Dark skin Customize and switch between themes

Api

Tracking the cursor position Creating message boxes Highlighting timespans Highlighting sections in Timeline and Units views Pointer highlighting Handling the pointer highlighting Highlighted timespans in Month view Making an event currently displayable Filtering events Define custom form for recurring events Different types of popups and modal boxes

Integration

Integration with dhtmlxMenu Integration with dhtmlxTree Integration with dhtmlxLayout Integration with dhtmlXDataStore Integration with dhtmlxLayout (dhx_terrace skin, Suite v5.1)JQuery integration Backbone integration Bootstrap layout Integration with dhtmlxMenu (Suite v5.1)Integration with dhtmlxLayout (Suite v5.1)

Scales

Hiding week days in the scale of Month view Hiding days in the scale of Week view Displaying several weeks in Week view Hiding hours in the scale of Timeline view Hiding hours while displaying several weeks in Week view Changing the time interval for the view cells Displaying a marker at the place of hidden scale units Marker of hidden days while displaying several weeks in Week view Preserving scale length

Multisection events

Multisection events in Timeline and Units view Multisection events and blocked time Multisection events with Collision extension Multisection events and Recurrings

Accessibility

Keyboard Navigation and WAI-ARIA - Flat Skin Keyboard Navigation and WAI-ARIA - High contrast Dark Keyboard Navigation and WAI-ARIA - High contrast Light

Rtl

Basic initialization Custom view Current time marking Resizable events in Month view Horizontal scrolling sections in Units view Year view Blocking dates Highlighted timespans in Month view Hiding days in the scale Mini calendar in the scheduler header Lightbox Touch-oriented scheduler Configuring the Map view Other views Cell mode Bar mode Tree mode Configuring the second time scale Highlighting sections in Timeline and Units views Horizontal scroll for Timeline view Display labels in timeline cells

Multiple

Add multiple schedulers on the page Multiple schedulers with shared data source Using dhtmlxLayout with multiple Shedulers Extension views jQuery integration Drag and Drop events between Schedulers in dhtmlxLayout Drag and Drop events between Schedulers

More in Snippet Tool

Demo

Demo

Source code

API reference

Demo Source code API reference

Share Open sample

Google suggestions

Files

Methods

Properties

Events

Templates

Other