Enrich your upcoming React projects with new menus, progress buttons, dark themes, and the Scheduler control, now in its final version.
The following components have been added to Essential JS 2 for React:
The Menu component is a graphical user interface that serves as a navigation header for your application or site. It supports data binding, templates, multilevel nesting, and horizontal and vertical orientation.
The progress button visualizes the progression of an operation to indicate to the user that a process is happening in the background. The progress can be shown with graphics accompanied by text.
Dark theme support has been added to existing Essential JS 2 themes and is available in Theme Studio.
Support for segmented, dashed, and recurrence striplines have been provided to the chart.
Pareto series type has been added to chart.
Allows the users to trim axis labels to increase plot area of the chart.
Allows users to add subtitles to the chart.
Label format for datetime axis has been improved for better readability of charts. For example, when the interval type of the axis is month, then the label for the first month of the year will display month and year, followed by months.
Allows users to split grouped slices in a pie chart.
Now, the chart series can be animated on its visibility collapse using legend click.
You can now round the corners of ranges and the range bar pointer.
Interaction support has been provided for labels. They can be selected, dragged, resized, and rotated.
The document editor allows users to insert page breaks in a document.
The React file upload component allows users to upload all files in a directory (folder) to a server. This feature processes all the files and subfolders in a selected folder.
Users can upload images automatically to a server on pasting them from the clipboard in the file upload component.
Users can have complete control over the edit form using the dialog and inline template features which allow customizing the edit form used to edit grid records. This allows users to add or modify records that are not present in column schema.
When using batch editing, the aggregate values will be refreshed with the edited values before the bulk save operation. The group footer and caption aggregate values will also be refreshed with the new values for every cell value change.
An Angular component can be used as a custom filter UI to filter grid rows for a column.
An Angular component can be used as a custom editor for a column.
Grouped grid rows are now outlined in the exported Excel document so that they can be used to hide grouped data for better reporting.
A new checkbox selection mode has been added. It can be enabled to multi-select rows only with checkboxes and clicking a row will reset the selection, similar to selecting an item in Windows Explorer.
An All option has been added to the page-size dropdown for fetching and displaying all available records from a given data source.
You can now visualize data in the Heatmap control using the bubble-tile type. Bubble parameters such as size, shade, and sector can be used to visualize data.
A fixed-palette legend type has been implemented in the Heatmap control to smartly display legend labels.
You can now visualize calendar data in the Heatmap control using axis label customizations.
You can now customize or prettify the list items with built-in CSS classes to display multi-line text, avatar and badge in the applications mail, contact, outlook, and more.
Allows users to define condition based on value in order to format grid cell’s font style, font color, background color, border, and more.
Now, large amount of raw data can be loaded into the pivot grid, aggregated, and viewed on-demand through horizontal and vertical scrollbar options with ease.
Pivot grid headers and value cells can now be filtered using complex filter criteria with the help of label and value filters option similar to Microsoft Excel.
Image resize support has been given for Rich Text Editor. Images in the editor can be resized manually by dragging its corners in the required direction.
Insert table support has been given for HTML Editor that includes the following sub features:
Displays the day, week, workweek, and month view layouts in timeline mode by illustrating both the date and time intervals in a horizontal orientation. It also organizes and displays multiple resources in a hierarchical tree structure based on the grouping levels.
Add custom header rows in timeline views to depict an individual row for displaying the corresponding year, month, week number, and dates.
Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
An appointment’s time can be easily extended by resizing its start or end handles.
Display the week number of the current date beside the date header section.
The text box can be rendered as a separate React component to add floating labels. This version of the component supports all the features available in the pure CSS version of the text box.