JS Scheduler Features of DHTMLX Scheduler Library

Features of DHTMLX Scheduler Library

Pro edition

Add-on

Standard edition

All DHTMLX paid licenses (Individual, Commercial, Enterprise, and Ultimate) include features from both the Pro and Standard editions of DHTMLX Scheduler. The Standard edition delivers basic functionality, while the Professional edition offers extensions and advanced features to make your software more powerful and outstanding. Below is a brief summary of the most popular PRO features.

week agenda view

Week Agenda View

Week Agenda view is a combination of two views: Week and Agenda. This view represents a list of upcoming events for a week. The event that lasts more than 1 day will be highlighted if you select it.

Grid View

The events in our js scheduler can be displayed in a Grid view. It presents a list of upcoming events. The grid columns of this calendar view are customizable so you can set any number of columns
(unlike in Agenda view).

Timeline View

For your appointment/booking calendar you'll definitely need Timeline view that provides a horizontal layout and represents multiple schedules in a more convenient way. This mode also included tree timeline and daily timeline.

The smart rendering functionality optimizes the performance of the Timeline view as it allows loading only the rows, columns and events displayed on the screen. Other elements are being rendered while users are scrolling through the timeline.

Units View

The Units view is similar to timeline, but it allows X-Axis be based on some property of events (not only on time).

timeline horizontal scroll

Horizontal Scroll Inside the Timeline

Having enabled a horizontal scroll in the Timeline view, users can switch between days, weeks, or months without clicking the navigation buttons. You can also turn an autoscroll option on to allow changing the event’s duration or drag-n-drop it along the Timeline while it’s being scrolled automatically.

multisection events

Multisection Events

You can add multisection events that will be assigned for several sections/resources at once (e.g. one task for several team members, or one event for several office locations).

multiple scheduler instances

Ability to Place Several Scheduler Instances on One Page

With Enterprise or Ultimate license, you can place multiple scheduler instances on one page and manage several calendars with different views at once.

custom html content

Custom HTML Content in All Timeline Modes

The functionality will enable you to set a custom template for the content of cells and all other modes of the Timeline view.

In addition to the core library, you can obtain a special add-on for exporting Scheduler data to different formats locally.

Local export module to PDF/PNG

By default, you can export DHTMLX Scheduler to PDF/PNG as well as Excel and iCal via our online export service. However, if you have any security restrictions and need to abstain from using third-party services, the solution is deploying a local export module on your own server. This module is shipped free of charge under the Commercial, Enterprise, and Ultimate licenses. In case you have the Individual license, you can purchase it separately.

The open-source version of DHTMLX Scheduler under the GNU GPL v2 license includes the Standard edition only. The Standard edition covers basic usage scenarios for non-commercial projects. Below is a short description of the most widely used DHTMLX Scheduler features under the Standard edition.

week view

Basic Views

With DHTMLX Scheduler you are able to display events in basic views, including Day, Week, Month, Year, and Agenda. Users can navigate through different views using tabs on the top of the calendar.

A new event can be quickly created with a double-click. The simple drag-and-drop interface allows changing events time and duration. However, you can display the events in read-only mode, so the end-users won't be able to edit the calendar.

The flexible API of js scheduler gives you full control over the look and feel so you can change the default color to any other.

scheduler rtl mode

Right-to-left Mode

DHTMLX Scheduler allows you to set the RTL mode to automatically display all the events from right to left. You can also reorder the elements of the header via CSS. Besides, the RTL mode adjusts the appearance of all Scheduler views as well as the lightbox.

multi day events

Multi-day Events

Another great functionality is the ability to set multi-day events. They are displayed on the top of the calendar in Day, Week, and Units (PRO) Views and stay on the top when a user scrolls the page down.

google maps integration

Integration with Google Maps

Our Scheduler supports easy integration with Google Maps that enables you to associate locations with calendar events. In this mode, you just specify a location in an event description or choose the desired location right on the map.

scheduler drag and drop

Intuitive Drag-and-drop Behavior

Our Scheduler library enables you to create new events by dragging elements from third-party DHTMLX components or between schedulers (for Enterprise and Ultimate licences only). Once a user drags an external element to the calendar, the scheduler opens the lightbox for adding a new event.

js date picker

Easy Navigation with Mini Calendar

To simplify the navigation through the events, you can add a js date picker. A mini month view calendar can be placed into the header, thereby allowing the end-user to quickly choose a date and see the assigned events. Moreover, you can attach it to the lightbox for selecting start and end dates, as well as add the mini calendar to any place on the page.

calendar tooltips

Custom Tooltips

dhtmlxScheduler supports custom tooltips to display some additional details about the events. You can configure the look of the tooltips, change the colors, and adjust them to your needs.

scheduler dynamic loading

Dynamic Loading

By default, our JavaScript schedule loads all data at once so that may reduce overall performance when using huge event collections. In such cases you can use the dynamic loading mode and upload data by parts as the end-user browses the current viewable area of the scheduler.

high contrast theme scheduler

Accessibility

To simplify access and interaction with DHTMLX Scheduler for people with disabilities, our JavaScript library offers a set of accessibility techniques including WAI-ARIA attributes and keyboard navigation. Moreover, you can apply a high-contrast theme with white or black background.