Scheduler Feature Details
On this page you’ll find a brief description of Standard Scheduler functionality that you might use to build a robust and user-friendly JavaScript Event Calendar widget. If you want to know what benefits you’ll get with the PRO edition, this guide is what you need.
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 event calendar gives you full control over the look and feel so you can change the default color to any other.
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
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.
Integration with Google Maps
Our JavaScript event calendar 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.
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.
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.
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.
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.
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.
Explore dhtmlxScheduler PRO Edition for Free
The PRO edition includes all the functionality of the Standard version and also provides extra features. By downloading Scheduler PRO trial, you get:
30 days of free evaluation
Official technical support
Extended functionality with PRO features
Complete technical guides and samples