Syncfusion Essential Studio for JavaScript 2019 Volume 1

New components

• Dashboard Layout - The Dashboard Layout is a grid-structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove, and add options. This allows users to easily place the components at the desired position within the grid layout.
• File Manager - The File Manager is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
• Gantt chart - The Gantt chart is a project management tool that helps to schedule, manage, and track the tasks in a project. Its intuitive user interface allows you to visually manage tasks, task relationships, and effectively allocate resources for the tasks.
• ListBox - The ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items.
• Preview to production - The following components have been moved from preview to production in Essential JS 2:
  • Chips
  • In-place Editor
  • PDF Viewer
  • Query Builder
  • Splitter
  • Stock Chart

Bootstrap v4 Theme

• A new Bootstrap v4 design theme is implemented for all Essential JS 2 components, and it is now available in the demos.

Chart

• Stacked line and 100% stacked line - Chart supports stacked line and 100% stacked line series.
• Axis labels line break - Chart can wrap axis labels onto multiple lines.
• Animation - Chart supports animation when data updates.

Circular Gauge

• Axis label enhancement - Display the last label, even if it isn’t in the visible range.

Diagram

• Swimlane - This feature allows users to create a swimlane diagram from code or a visual interface with the built-in swimlane shapes.
• Prevent serializing the default properties of diagram objects - This feature allows users to prevent the serializing of default properties of diagram objects when saving the diagram in JSON format.

Word Processor

• Context menu customization - Add custom options with user-defined actions in the context menu.

PDF Viewer

• Text markup annotations - When reviewing PDF files, important text should be distinct. The PDF Viewer allows highlighting, underlining, or strikethrough of this text. The color of these also can be changed.
• Right-to-left - The PDF Viewer now supports right to left flow direction for UI elements like toolbars, bookmark view, thumbnail view, and dialogs.

Pivot Grid

• Chart integration - Charts can now be plotted against the pivot data independently. Users can also modify the data using the Pivot Grid field list at runtime.
• Toolbar - A toolbar option has been provided to the pivot controls, allowing users easy access to frequently used features. Also, users can save the state of the pivot grid and load it back whenever required.
• Grouping date and number - Date type can be formatted and displayed based on year, quarter, month, date, etc. Also, the number type can be grouped range-wise, such as 1-5, 6-10, etc.
• Cell selection - Users can select a group of cells and access its information through the selection event for further manipulation.
• Cell template - Users can add templates to the existing pivot table cells based on their needs.

Rich Text Editor

• Clean up on pasting - The Rich Text Editor has an option to filter out the denied tags and attributes on pasting the content to the editor.

Schedule

• Export and import Scheduler in ICS file extension - The Scheduler offers a way to export all its events to an .ICS file and also allows importing events from an ICS extension file.
• Excel exporting - The Scheduler supports exporting events to Excel format.
• Auto row height - The Timeline and Month views of the Scheduler automatically adjusts its row height as per the number of events each row holds.

Sparkline Charts

• Right-to-left rendering - The Sparkline Charts control now supports right-to-left rendering.

Splitter

• Expand and collapse - Expand and collapse support has been added to the panes of the Splitter.

Stock Chart

• Stock event - Stock chart now allows stock events to highlight important dates.

TextBox

• Multiline Textbox - This feature allows the Textbox to accept one or more lines of text like address, description, comments, and more.

TreeGrid

• Checkbox selection - The checkbox selection feature offers a way to select multiple tree grid records with the help of a checkbox in each row. It also provides an option to select or deselect all the rows in a tree grid using a checkbox in the corresponding column header.
• Checkbox column - The checkbox column feature renders a checkbox in an already existing column to check or uncheck a row. It behaves hierarchically.

TreeMap

• Right-to-left rendering - The TreeMap control supports right-to-left rendering for all its elements like nodes, data labels, and legends.
• On-demand data loading - The TreeMap control supports on-demand loading of data for inner levels while drilling down.
• Responsive legend - Use a responsive legend that switches positions between the right and bottom based on the available height and width.