--- title: "What’s New with JavaScript Scheduler in Volume 4" published_at: "2018-12-19T11:00:08+00:00" modified_at: "2019-01-21T17:17:01+00:00" url: "https://www.syncfusion.com/blogs/post/whats-new-with-javascript-scheduler-in-2018-volume-4" excerpt: "Our 2018 Volume 3 release included impressive Scheduler features such as timeline views, drag and drop, and resize support. In our new 2018 Volume 4 release, we are including a few more enhancements to cover other important Scheduler use cases...." taxonomy_category: - ".NET" - "ASP.NET MVC" - "Development" - "Essential JS 2" - "Essential Studio" - "JavaScript" - "Scheduler" - "Syncfusion" - "TypeScript" - "UI" - "User interface" - "Web" taxonomy_post_tag: - "2018 Volume 4" - "angular scheduler" - "ASP.NET Core Scheduler" - "ASP.NET MVC Scheduler" - "auto navigation of date ranges" - "block dates" - "block time intervals" - "context menu" - "Essential JS 2" - "Essential Studio" - "external drag and drop" - "Hijri calendar" - "Islamic calendar" - "JavaScript Scheduler" - "react scheduler" - "Syncfusion" - "virtual loading" - "Virtual scrolling" - "vue scheduler" - "What's New" --- # What’s New with JavaScript Scheduler in Volume 4 [Uma Maheswari Chandrabose](https://www.syncfusion.com/blogs/author/umamaheswaric) ![Volume 4, 2018 release announcement](https://www.syncfusion.com/blogs/wp-content/uploads/2018/12/tile.png) Our [2018 Volume 3](https://blog.syncfusion.com/post/syncfusion-javascript-scheduler-new-features-and-improvements-in-2018-volume-3.aspx) release included impressive Scheduler features such as [timeline views](https://ej2.syncfusion.com/demos/#/material/schedule/timeline-resources.html) , [drag and drop](https://ej2.syncfusion.com/documentation/schedule/appointments/?no-cache=1#drag-and-drop-appointments) , and [resize](https://ej2.syncfusion.com/documentation/schedule/appointments/?no-cache=1#appointment-resizing) support. In our new [2018 Volume 4 release](https://www.syncfusion.com/products/whatsnew) , we are including a few more enhancements to cover other important Scheduler use cases. Our 2018 Volume 4 release is now available to download from the [License & Downloads](https://www.syncfusion.com/account/downloads) page. If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/downloads) to check out these new features. In this blog, we will summarize the new features and enhancements added for the [JavaScript Scheduler](https://www.syncfusion.com/javascript-ui-controls/scheduler) in the 2018 Volume 4 release. All of the features mentioned here are also available for [Angular](https://www.syncfusion.com/angular-ui-components/scheduler) , [React](https://www.syncfusion.com/react-ui-components/scheduler) , [Vue](https://www.syncfusion.com/vue-ui-components/scheduler) , [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler) , and [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler) . ## Virtual loading for events and resources In pursuit of better performance in the Scheduler when loading a large number of resources and events, we have added [virtual scrolling](https://ej2.syncfusion.com/demos/#/material/schedule/virtual-scrolling.html) support in the timeline view to load a large set of resources and events instantly as you scroll. ![Scheduler showing Virtual Loading of Events and Resources](https://blog.syncfusion.com/wp-content/uploads/2018/12/virtual-scrolling.png)*Scheduler with Virtual Loading* For now, the virtual loading support is available only for timeline views. In the future, we plan to port virtual loading to all other applicable Scheduler views. ## External drag and drop Previously, you could only [drag and drop](https://ej2.syncfusion.com/demos/#/material/schedule/external-drag-drop.html) events within the Scheduler layout. With the new external drag-and-drop support, you can drag and drop events onto other external targets outside the Scheduler. In addition, you can also drag items from external sources and drop them onto the Scheduler. ![Dragging and Dropping an item from the External List onto Scheduler](https://blog.syncfusion.com/wp-content/uploads/2018/12/external-drag.png) *Dragging and Dropping an Item from an External List* ## Blocking dates and time There are scenarios where you may want to [block specific time ranges](https://ej2.syncfusion.com/demos/#/material/schedule/block-events.html) or block a set of date series in the Scheduler. Doing so will prevent the creation of events in the cells underlying those blocked time ranges. We provided this support in a very simple style that allows you to create even recurring blocks easily. ![Blocked Times displayed in the Scheduler](https://blog.syncfusion.com/wp-content/uploads/2018/12/block.png) *Blocked times in the Scheduler* ## Islamic calendar mode You can now view the Scheduler dates in Islamic calendar mode (Hijri year), and display events based on those calendar date values. However, this feature does not yet support recurrence options, but we’re planning to add them in the next release. ![Scheduler displayed in Islamic Calendar Mode](https://blog.syncfusion.com/wp-content/uploads/2018/12/islamic.png) *Scheduler in Islamic Calendar Mode* ## Read-only events Specific events in the Scheduler can now be defined and displayed as [read-only](https://ej2.syncfusion.com/demos/#/material/schedule/read-only-events.html) . Only the event information is displayed in read-only events, and their CRUD actions are unavailable by default. ![Read-Only Events in Scheduler](https://blog.syncfusion.com/wp-content/uploads/2018/12/read-only.png) *Read-Only events in Scheduler* ## Context menu integration You can now integrate a [context menu](https://ej2.syncfusion.com/demos/#/material/schedule/context-menu.html) manually into the Scheduler component from the application end and make it open either on cells or events. We have provided few built-in Scheduler methods to be used from application end to handle those context menu actions. You can also define custom menu items as needed. ![Context Menu displayed on Scheduler Event](https://blog.syncfusion.com/wp-content/uploads/2018/12/context-menu.png) *Context Menu on Scheduler event* ## Drag and resize improvements In addition to the default drag and resize actions in the Scheduler, we have included a few enhancements to improve user interaction: - [Auto-scrolling](https://ej2.syncfusion.com/documentation/schedule/appointments/?no-cache=1#controlling-scroll-speed-while-dragging-an-event) in the Scheduler view port when the drag or resize action on an event reaches either the top or bottom of the view. - [Automatic navigation](https://ej2.syncfusion.com/documentation/schedule/appointments/?no-cache=1#auto-navigation-of-date-ranges-on-dragging-an-event) to the next or previous date range views while dragging and holding an event either to the left or right edges of the Scheduler. - Drag support for events on mobile devices. Tap and hold an event and then move it to a new time slot. - Indicator for new events created after single-tapping cells in mobile mode. ![New Event Indicator in Scheduler Mobile Mode](https://blog.syncfusion.com/wp-content/uploads/2018/12/mobile-mode.png) *New event Indicator in Mobile mode* Check out all our newly implemented features and, if you wish to send us feedback or would like to ask any questions regarding them, please feel free to post in the comments section below, or contact us through our [support forum](https://www.syncfusion.com/forums) or [Direct-Trac](https://www.syncfusion.com/support/directtrac/) . *If you like this post, we think you’ll also enjoy the following:* - [Blog Post] [Creating a Meeting Room Calendar Using the Syncfusion JavaScript Scheduler](https://blog.syncfusion.com/post/creating-a-meeting-room-calendar-using-the-syncfusion-javascript-scheduler.aspx) - [Blog Post] [File Explorer in JavaScript](https://blog.syncfusion.com/post/file-explorer-in-javascript.aspx) - [Ebook] *[JavaScript Succinctly](https://www.syncfusion.com/ebooks/javascript)* - [Ebook] [React.js Succinctly](https://www.syncfusion.com/ebooks/reactjs_succinctly) - [Ebook] *[Node.js Succinctly](https://www.syncfusion.com/ebooks/nodejs)*