Full List of Extensions

dhtmlxScheduler includes a number of extensions which add extra functionality to the standard behavior.

To use an extension, you should include the extension code file on the page. Extensions code files reside in the ext folder of the scheduler's codebase.

Active Links

Presents the numbers of days in the Month and Week views as clickable links that open the related day in the specified view.

<script src="../codebase/ext/dhtmlxscheduler_active_links.js"></script>

Related resources

Article: Month view
API: active_link_view

Related sample:  Month days as links

Agenda View

The Agenda view code file.

<script src="../codebase/ext/dhtmlxscheduler_agenda_view.js"></script>

Related resources

Article: Agenda View

Related sample:  Agenda view

All Timed

Shows multi-day events in the regular way (as one-day events are displayed).

<script src="../codebase/ext/dhtmlxscheduler_all_timed.js"></script>

Related resources

API: all_timed

Related sample:  Displaying multi-day events in the regular way

Collision

Manages the number of events in a time slot.

<script src="../codebase/ext/dhtmlxscheduler_collision.js"></script>

Related resources

Article: Preventing Double Events in a Time Slot

Related sample:  Controlling the number of events in a time slot

Container Autoresize

Enables autoresizing for the scheduler container (size is changed to fit the content).

<script src="../codebase/ext/dhtmlxscheduler_container_autoresize.js"></script>

Related resources

API: container_autoresize

Related sample:  Autoresizing the scheduler container

Content Security Policy

Allows working with dhtmlxScheduler in case Content Security Policy (CSP) is enabled in the application.

<script src="../codebase/ext/dhtmlxscheduler_csp.js"></script>

Related resources

Article: Content Security Policy Compliance

Cookie

Saves the scheduler current state (mode and date ) in cookies.

<script src="../codebase/ext/dhtmlxscheduler_cookie.js"></script>

Related resources

Related sample:  Work with cookies

Daytimeline

This extension is available in PRO version only

A code file for the "Days" mode of the Timeline view.

<script src="../codebase/ext/dhtmlxscheduler_daytimeline.js"></script>

Related resources

Article: Timeline View

Related sample:  Days as Timeline rows

Drag-n-Drop between Schedulers

This extension is available in PRO version only

Enables drag-and-drop operations between multiple schedulers, which makes it possible to drag events from one scheduler to another and vice versa.

<script src="../codebase/ext/dhtmlxscheduler_drag_between.js"></script>

Related resources

Article: Drag-and-drop between Schedulers

Editors

A code file for the radio, combo, checkbox controls of the lightbox.

<script src="../codebase/ext/dhtmlxscheduler_editors.js"></script>

Related resources

Article: Lightbox Controls

Related sample:  Radio button in the lightbox

Expand

Adds the "expand" icon to the right corner of the scheduler. A click on this icon changes the scheduler's size from original to 'full screen' and vice versa.

<script src="../codebase/ext/dhtmlxscheduler_expand.js"></script>

Related resources

API: expand, collapse
Events: onBeforeExpand, onBeforeCollapse, onExpand, onCollapse

Related sample:  Full-screen view

Grid View

This extension is available in PRO version only

The Grid view code file.

<script src="../codebase/ext/dhtmlxscheduler_grid_view.js"></script>

Related resources

Article: Grid View

Related sample:  Grid view

HTML Templates

Allows defining templates as an HTML code.

<script src="../codebase/ext/dhtmlxscheduler_html_templates.js"></script>

Related resources

Article: Templates

Related sample:  Specifying templates with HTML

Keyboard Navigation

Enables the keyboard navigation.

<script src="../../codebase/ext/dhtmlxscheduler_key_nav.js"></script>

Related resources

Article: Keyboard Navigation

Related sample:  Keyboard Navigation and WAI-ARIA - Flat Skin

Related sample:  Keyboard navigation in the scheduler

Limit

Provides functionality for blocking and highlighting dates.

<script src="../codebase/ext/dhtmlxscheduler_limit.js"></script>

Related resources

Article: Blocking and Marking Dates

Related sample:  Limiting dates for creating events

Map View

The Map view code file.

<script src="../codebase/ext/dhtmlxscheduler_map_view.js"></script>

Related resources

Article: Map View

Related sample:  Map view

Mini Calendar (Date Picker)

A code file for the mini calendar.

<script src="../codebase/ext/dhtmlxscheduler_minical.js"></script>

Related resources

Article: Mini Calendar (Date Picker), Time and Date

Related sample:  Mini calendar in the scheduler header

Multisection

This extension is available in PRO version only

Gives the possibility to assign events to several sections in Timeline view or several units in the Units view.

<script src="codebase/ext/dhtmlxscheduler_multisection.js"></script>

Related resources

Article: Timeline View, Units View
API: multisection

Related sample:  Multisection events in Timeline and Units view

Multiselect

A code file for the multiselect control of the lightbox.

<script src="../codebase/ext/dhtmlxscheduler_multiselect.js"></script>

Related resources

Article: Lightbox Controls

Related sample:  Multiselect control in the lightbox

Multisource

Provides functionality for loading data from multiple sources.

<script src="../codebase/ext/dhtmlxscheduler_multisource.js"></script>

Related resources

Article: Loading Data

Related sample:  Loading data from multiple sources

MVC

Provides functionality for Backbone integration.

<script src="../codebase/ext/dhtmlxscheduler_mvc.js"></script>

Related resources

Article: Backbone Integration

Related sample:  Backbone integration

Outerdrag

Allows dragging events from external DHTMLX components, i.e. dhtmlxTree.

<script src="../codebase/ext/dhtmlxscheduler_outerdrag.js"></script>

Related resources

Article: Drag-and-Drop Operations

Related sample:  Integration with dhtmlxTree

PDF

Provides export to a PDF document.

<script src="../codebase/ext/dhtmlxscheduler_pdf.js"></script>

Related resources

Article: Export to PDF

Related sample:  Export to PDF/PNG

Quick Info

Provides a popup with an event details.

<script src="../codebase/ext/dhtmlxscheduler_quick_info.js"></script>

Related resources

Article: Mobile Responsive Scheduler

Related sample:  Touch-oriented scheduler

Readonly

Provides the read-only mode for the lightbox and specific events.

<script src="../codebase/ext/dhtmlxscheduler_readonly.js"></script>

Related resources

Article: Read-only Mode

Related sample:  Read-only lightbox

Recurring

Provides support for recurring events.

<script src="../codebase/ext/dhtmlxscheduler_recurring.js"></script>

Related resources

Article: Recurring Events

Related sample:  Recurring events

Serialize

Provides support for serializing into ICal, XML, JSON formats.

<script src="../codebase/ext/dhtmlxscheduler_serialize.js"></script>

Related resources

Article: Data Serialization to XML, JSON, iCal

Related sample:  Serialize scheduler events

Timeline

This extension is available in PRO version only

The Timeline view code file.

<script src="../codebase/ext/dhtmlxscheduler_timeline.js"></script>

Related resources

Article: Timeline View

Related sample:  Bar mode

Tooltip

Enables tooltips for events.

<script src="../codebase/ext/dhtmlxscheduler_tooltip.js"></script>

Related resources

Article: Tooltips

Related sample:  Tooltips

Treetimeline

This extension is available in PRO version only

A code file for the "Tree" mode of the Timeline view.

<script src="../codebase/ext/dhtmlxscheduler_treetimeline.js"></script>

Related resources

Article: Timeline View

Related sample:  Tree mode

Units

This extension is available in PRO version only

The Units view code file.

<script src="../codebase/ext/dhtmlxscheduler_units.js"></script>

Related resources

Article: Units View

Related sample:  Units view

URL

Saves the scheduler's state (date, event's id, view) in URL.
For example, 10_url_date_plugin.html#date=2014-08-01,mode=month or 10_url_date_plugin.html#event=15

<script src="../codebase/ext/dhtmlxscheduler_url.js"></script>

Related resources

Related sample:  Saving the scheduler state in URL

Week Agenda

This extension is available in PRO version only

The Week Agenda view code file.

<script src="../codebase/ext/dhtmlxscheduler_week_agenda.js"></script>

Related resources

Article: Week Agenda View

Related sample:  WeekAgenda view

Year

The Year view code file.

<script src="../codebase/ext/dhtmlxscheduler_year.js"></script>

Related resources

Article: Year View

Related sample:  Year view

Back to top