{"id":1261,"date":"2011-07-27T20:06:23","date_gmt":"2011-07-27T16:06:23","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1261"},"modified":"2025-08-29T12:06:46","modified_gmt":"2025-08-29T09:06:46","slug":"dhtmlxscheduler-3-0-released","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxscheduler-3-0-released\/","title":{"rendered":"dhtmlxScheduler 3.0 Released: New Features and Mobile Version"},"content":{"rendered":"

Today we announce the release of dhtmlxScheduler 3.0, our browser-based JavaScript scheduling calendar<\/a>. The new version introduces a number of new features and improvements, and includes a mobile version of the scheduler optimized for touch devices. We have added some visual enhancements for better user experience and fixed known bugs of the previous version. <\/p>\n

Mobile Scheduler<\/strong><\/p>\n

dhtmlxScheduler 3.0 comes with a mobile version of the scheduler that can be used in web apps for touchscreen phones and tablets. Although it’s a separate solution, the server side of the mobile scheduler is compatible with dhtmlxScheduler for desktop browsers. The mobile version uses the similar principles, but has a slightly different set of events and templates.<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Mobile Scheduler<\/p><\/div>\n

 
\nWeek Agenda View<\/strong><\/p>\n

dhtmlxScheduler 3.0 supports Outlook-like way to display the agenda in a Week View. The whole week is visible and work days take up more space than the weekend.<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Week Agenda View<\/p><\/div>\n

 
\nNetbook-Friendly Lightbox Form<\/strong><\/p>\n

The new version of dhtmlxScheduler offers lightbox form optimized for small screen resolution used in netbooks. Now end-users can see a popup box with event details on any screen size without scrolling the page.<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Netbook-Friendly UI<\/p><\/div>\n

We have also satisfied developers requirements and made a lightbox form draggable.<\/p>\n

 
\nConfigurable Time Frames<\/strong><\/p>\n

With the new version of the Scheduler, you can define what days and hours are available for events creation and make other days and hours disabled. Users will be able to create events only in specific time frames (for example, only on work days or work hours).<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Configurable Time Frames<\/p><\/div>\n

 
\nMultiline Header in Timeline View<\/strong><\/p>\n

We have also added the ability to display multiline header in Timeline View. You can now show two scales in the header (for example, like days and hours scales on the screenshot below).<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Multiline Header in Timeline View<\/p><\/div>\n

 
\nCascade View<\/strong><\/p>\n

If you have multiple events registered in the same time slot, dhtmlxScheduler 3.0 allows you to show them in a cascade view. This is a great way to display overlapping events.<\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Cascade View<\/p><\/div>\n

 
\nOther Improvements<\/strong><\/p>\n

In addition to multiple bug fixes, there are other small improvements in version 3.0 that you may find useful. For example, we have included the “glossy” skin to the dhtmlxScheduler package and added the ability to indicate the current time on the calendar (displayed as a red dotted line). <\/p>\n

dhtmlxScheduler 3.0 also allows a ridiculously easy way to define colors of events. Just set the “color” or “textColor” attribute in XML or JSON and related event will be colored accordingly.<\/p>\n

Another enhancement is that multiday events, which are displayed on the top of the calendar in Day and Week Views, now stay on top when the user scrolls the page down. <\/p>\n

\"dhtmlxScheduler

dhtmlxScheduler 3.0 - Multiday Events<\/p><\/div>\n

We hope you’ll enjoy working with the new version of dhtmlxScheduler. Visit the Downloads page<\/a> to get the updated package and try the new cool features now. <\/p>\n","protected":false},"excerpt":{"rendered":"

Today we announce the release of dhtmlxScheduler 3.0, our browser-based JavaScript scheduling calendar. The new version introduces a number of new features and improvements, and includes a mobile version …<\/p>\n","protected":false},"author":2,"featured_media":3410,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,1],"tags":[33,23,15,4],"class_list":["post-1261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-uncategorized","tag-all-posts","tag-mobile","tag-dhtmlxscheduler","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=1261"}],"version-history":[{"count":2,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1261\/revisions"}],"predecessor-version":[{"id":14348,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1261\/revisions\/14348"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3410"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=1261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=1261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=1261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}