dhtmlxScheduler 3.0 Released: New Features and Mobile Version

| Comments (21)

Today we announce the release of dhtmlxScheduler 3.0, our browser-based JavaScript event calendar. 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.

Mobile Scheduler

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.

dhtmlxScheduler 3.0 - Mobile Scheduler

dhtmlxScheduler 3.0 - Mobile Scheduler

 
Week Agenda View

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.

dhtmlxScheduler 3.0 - Week Agenda View

dhtmlxScheduler 3.0 - Week Agenda View

 
Netbook-Friendly Lightbox Form

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.

dhtmlxScheduler 3.0 - Netbook-Friendly UI

dhtmlxScheduler 3.0 - Netbook-Friendly UI

We have also satisfied developers requirements and made a lightbox form draggable.

 
Configurable Time Frames

With the new version of the event calendar, 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).

dhtmlxScheduler 3.0 - Configurable Time Frames

dhtmlxScheduler 3.0 - Configurable Time Frames

 
Multiline Header in Timeline View

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).

dhtmlxScheduler 3.0 - Multiline Header in Timeline View

dhtmlxScheduler 3.0 - Multiline Header in Timeline View

 
Cascade View

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.

dhtmlxScheduler 3.0 - Cascade View

dhtmlxScheduler 3.0 - Cascade View

 
Other Improvements

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).

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.

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.

dhtmlxScheduler 3.0 - Multiday Events

dhtmlxScheduler 3.0 - Multiday Events

We hope you’ll enjoy working with the new version of dhtmlxScheduler. Visit the Downloads page to get the updated package and try the new cool features now.

Comments

  1. Karen August 10, 2011 at 11:04 pm

    HI There.

    I have been using your scheduler now for the last 8 months. One thing that is very frustrating is that if the timeslots are 30minutes long and the appointment is also 30minustes long the appointment display actually closes or fills 2 timeslot lines (therefore it fills an hour on the calender) – this creates confusion and the appointments falls behind each other.

    Is there any way to prevent this? Is there any way that one can put the name of the event next to the time so that it only fills one timeslot line?

    We deal with a lot of doctors who book 15min timeslots for patients. So every 15minutes there is an appointment. However the way your scheduler works the names can not be displayed as it covers 2 increment/timeslot lines as mentioned above

    Please could you let me know whether there is a way to have this displayed a bit better

    Kind regards
    Karen

    • Stan August 11, 2011 at 9:10 pm

      > Is there any way to prevent this? Is there any way that one can put the
      > name of the event next to the time so that it only fills one timeslot line?

      scheduler.xy.min_event_height = 0;

      Also, you can double size of hour by using:
      scheduler.config.hour_size_px = 84;

      Also, dhtmlxScheduler 3.0 has a new event rendering mode which may work better for your case (not sure, but you can try). It can be enabled by:
      scheduler.config.cascade_event_display = true;

  2. Jeff August 21, 2011 at 6:57 am

    Can you secure the scheduler where not everyone can get into the scheduler?

    Thanks,

    • ivan August 23, 2011 at 8:28 pm

      Jeff, dhtmlxScheduler is just an HTML page, so you can use the same solutions, as you use normally for HTML pages – add some page with login before showing the scheduler or use .htaccess with native http access rights configuration.

  3. koltton fox September 7, 2011 at 2:20 am

    What is really needed for multi-users is having the time(12:00) over the cell hi-light when the cursor is over the cell. when John is at far right on screen its hard to see what time you are clicking on when the time is far left screen..

    Strongly needed as well. Have you tried dragging an event in month tab. If you try to drag at 1st of month and days are FULL you CANNOT drag event to end of month.. you cant see it!!

    • ivan September 7, 2011 at 6:17 pm

      Thank you very much for your suggestions. We’ll consider adding these features in the next version of dhtmlxScheduler.

  4. koltton fox September 7, 2011 at 2:24 am

    You need a drag and drop mini calendar inserted to left of main scheduler so one can drag and drop events without having to go to month tab. that would be nice

  5. Samuel September 13, 2011 at 3:44 pm

    I use scheduler working fine in PC, but still facing some major problems in Android like cannot double click to create a new event. Cannot click details or save and also cannot scroll. Can you help me how to solve these problems? Thanks

    • Inga September 13, 2011 at 4:04 pm

      Samuel, do you use the mobile version of dhtmlxScheduler?

  6. Eric September 24, 2011 at 7:01 pm

    Hi,

    Is this a new version of the wordpress eventcalendar/scheduler plugin?

    • Ivan September 26, 2011 at 5:32 pm

      No, we haven’t updated the scheduler plugins for WP and Joomla to version 3.0 yet.

  7. Trevor November 9, 2011 at 12:34 pm

    The new version 3.0 looks really good, specially the mobile support.
    As I’m using the wordpress plugin, it would be nice, if that would be updated.
    I know Eric already mentioned it, but is there anything planned?
    As at the moment the sheduler doesnt fit in the iphone…..

    Thanks!!

    • Ivan November 9, 2011 at 7:28 pm

      Unfortunately, we do not plan to upgrade Scheduler for WP to version 3.0 in the near future. You can use the original version of the Scheduler, if needed.

  8. Bhatu Pawar January 6, 2012 at 4:48 pm

    hello all,

    I facing problem regarding dhtmlx mobile scheduler.

    I want to show limited period in scheduler. So I used below code:

    $$(‘scheduler’).$$(‘dayList’).define(“firstHour”, 8);
    $$(‘scheduler’).$$(‘dayList’).define(“lastHour”, 19);

    it works with month and list view but doesn’t display events in day view (Or displays it on wrong time).

    Please help me to resolve this problem.

  9. Doug January 27, 2012 at 7:32 pm

    I just installed 2.3 via joomla plug-in and absolutely love it. However, it seems buggy with the recurring date feature (creates new multiday events that bar up the calendar). It also seems to have trouble saving from different browser brands. Suggestions? Does 3.0 address this? How can install 3.0 in joomla?

    Thank you so much for a great product.

    • Ivan January 31, 2012 at 3:48 pm

      The scheduler plugin will be updated to v.3.0 in the near future, and it will support features offered by dhtmlxScheduler 3.0.

      As for your issue, please submit it to the forum: http://forum.dhtmlx.com/viewforum.php?f=16

      Please provide more details on the issues with recurring events and differences in browsers (scheduler is cross-browser product and it should have the same look in all major browsers). It would be usefull to have a link to your scheduler page.

  10. Vlad April 3, 2012 at 8:39 pm

    Hi,

    Are you planning on implementing a multiple resource view in week mode ie multiple people on the screen with 1 week shown side by side?

    Thanks in advance.

    • Ivan April 5, 2012 at 1:13 pm

      Nope. In case of mobile UI – there is just not enough place to show such info.

  11. Justen May 29, 2012 at 9:03 pm

    Is there any easy way to make the wordpress version of dhtmlx scheduler recognize when it is on a mobile device and switch to the mobile version?

    • Ivan May 30, 2012 at 2:16 pm

      Unfortunately, the mobile version of the scheduler is not included in the WordPress plugin. It’s available in the original JavaScript scheduler only, and yes you can make the scheduler to show the mobile version when needed.

Leave a Reply