--- title: "Sneak Peek at 2020 Volume 1 Beta: Essential JS 2" published_at: "2020-03-13T12:00:14+00:00" modified_at: "2024-11-20T13:03:45+00:00" url: "https://www.syncfusion.com/blogs/post/sneak-peek-at-2020-volume-1-beta-essential-js-2" excerpt: "Syncfusion will deliver its first release of the year this month, and the beta version of the release is expected very soon. This article provides a preview of new controls and new features in exisiting controls coming in Essential JS..." taxonomy_category: - "Angular" - "Essential JS 2" - "JavaScript" - "React" - "Vue" - "Web" taxonomy_post_tag: - "Angular" - "JavaScript" - "React" - "Vue" - "What's New" --- # Sneak Peek at 2020 Volume 1 Beta: Essential JS 2 [Sridhar Narasimhan](https://www.syncfusion.com/blogs/author/sridharn) ![Image](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Sneak-Peek-at-2020-Volume-1-Beta-Essential-JS-2.jpg) Syncfusion will deliver its first release of the year this month, and the beta version of the release is expected very soon. This article provides a preview of new controls and new features in exisiting controls coming in [Essential JS 2](https://www.syncfusion.com/javascript-ui-controls) . ## Kanban This release introduces a preview of the new Kanban control in the JavaScript suite. This control can be used to visually organize and prioritize your work, and streamline workflow transparency. This type of control is widely used in real-time task scheduling applications such as software and product development, project management, and task planning. The Kanban control comes with a rich set of features such as data binding from local and remote data sources, swim lanes, priority rendering cards, templating for UI elements, stacked headers, work-in-progress validation, responsive behavior, CRUD operations, and much more for designing task boards. ![Kanban Component](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Kanban-Component.png) Kanban Component ## Progress Bar A preview of a new Progress Bar component is also being introduced to the JavaScript suite. This component can be used to visualize the changing status of an extended operation, such as a download, file transfer, or installation. ### Key features planned for the control include: - Visualizing progress as shapes, such as rectangles and circles. - Customizing ranges with different colors. - Customizing the thickness of the progress and its track. - Displaying custom content at the center of circular progress bars. - Visualizing progress in segments. - Customizing the angle of circular progress bars.![Circular Progress Bars](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Circular-Progress-Bars.gif) Circular Progress Bars ## Charts ### Highlights and patterns This feature enables users to highlight data points and apply patterns to highlighted and selected points in [charts](https://www.syncfusion.com/javascript-ui-controls/js-charts) . ![Column Chart with Data Points Highlighted and Patterned](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Column-Chart-with-Data-Points-Highlighted-and-Patterned.png) Column Chart with Data Points Highlighted and Patterned ## Bullet chart enhancement Users will be allowed to add a legend for targets, actual values, and ranges in [bullet charts](https://www.syncfusion.com/javascript-ui-controls/js-bullet-chart) . ![Bullet Chart with Legend](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Bullet-Chart-with-Legend.png) Bullet Chart with Legend ## DataGrid ### Infinite scrolling The infinite scrolling feature in [DataGrid](https://www.syncfusion.com/javascript-ui-controls/js-data-grid) allows users to load data using the lazy loading concept. This means that data will be buffered and loaded only when the slider reaches the end of the scroll bar. In addition, some customization options are being added for persisting data and DOM elements, like caching the loaded data, the number of rows in a grid, and the number of rows to be rendered at initialization. ![DataGrid Component](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/DataGrid-Component.gif) DataGrid Component ### Inline and dialog editing with virtualization This feature enables users to edit data in the [DataGrid](https://www.syncfusion.com/javascript-ui-controls/js-data-grid) inline or using a dialog interface, even when virtualization is enabled. ![Inline DataGrid Editing](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Inline-DataGrid-Editing.png) Inline DataGrid Editing ## Spreadsheet ### Insert and delete rows and columns This feature allows users to insert and delete rows and columns in the [Spreadsheet](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet) control. ### Show and hide rows and columns This feature allows users to show and hide rows and columns in a spreadsheet. ### Borders You can add borders around a cell or range of cells to define a section in a worksheet or a table. ![Spreadsheet with Borders](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Spreadsheet-with-Borders.png) Spreadsheet with Borders ### Wrap text The wrap text feature allows you to display large content that spans multiple lines in a single cell. ### Protect sheet This feature provides options to restrict user actions like cell editing, inserting rows and columns, deleting, and resizing. ![Restricting Spreadsheet Interactions](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Restricting-Spreadsheet-Interactions.png) Restricting Spreadsheet Interactions ### Data validation This feature allows validating added values based on data validation rules defined for a cell. ![Data Validation in Spreadsheet](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Data-Validation-in-Spreadsheet.png) Data Validation in Spreadsheet ### Find and replace This feature allows users to search for content and replace it with new content in a cell. ![Find and Replace Dialog](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Find-and-Replace-Dialog.png) Find and Replace Dialog ### Cell templates This feature allows users to insert custom elements like buttons, check boxes, radio buttons, date pickers, and more into a cell or a range of cells. ![Spreadsheet with Cell Templates](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Spreadsheet-with-Cell-Templates.png) Spreadsheet with Cell Templates ## Pivot Table ### Enhanced appearance The appearance of the [Pivot Table](https://www.syncfusion.com/javascript-ui-controls/js-pivot-table) has been enhanced to provide a more a compact view. The cells are differentiated by their background color.![Enhanced apperance in Pivot Table](https://www.syncfusion.com/blogs/wp-content/uploads/2020/03/Enhanced-apperance-in-Pivot-Table.png) ## Scheduler The following enhancements are coming to the [Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler) : - Support to render a larger number of resource rows, with an option to hide the white space between appointments. - Support to scroll to a specified resource when there is a large number of resources. - An option for a single appointment to occupy the entire cell height. - A public method for updating the view-based settings. ## Conclusion This is just a small update about new controls and planned features of our major controls. There are still many more enhancements being made to many other controls. Be sure to check out all the features once the release is rolled out. Stay tuned to the Syncfusion [Twitter](https://twitter.com/Syncfusion) , [Facebook](https://www.facebook.com/Syncfusion/) , and [LinkedIn](https://www.linkedin.com/company/syncfusion/) pages for the announcement of the release. We will also post a detailed blog following the release to guide you through working with the new controls and features.