We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
What’s New in Essential JS 2 for React

ESSENTIAL STUDIO 2018 VOLUME 2

What’s New in Essential JS 2 for React

14 new components, a web-based theme studio, and multiple resource support for the schedule enrich your current and upcoming React projects.

Common

New components

The following components have been added to Essential JS 2 for React:

Avatar

Avatars are icons or figures that represent a particular person. They are developed as pure CSS components and support popular media formats like images, SVG, font-icons, and letters. Avatars created with the control come in two different shapes, normal or circle.

Avatar

Badge

The badge is a notification component developed in pure CSS that can be used to alert users about new or unread messages, notifications, and additional information about content. It supports different shapes such as normal, circle, pill, notification, and dot.

Badge

Button group

The button group is a pure CSS component that groups a series of buttons together vertically or horizontally. It supports single and multiple selection behaviors.

Button group

Color picker

The color picker lets users pick a color either by selecting color values or by adjusting them. It supports RGB (red, green, and blue), HSV (hue, saturation, and value), and hex color codes.

Color picker

Diagram

The Essential JS 2 diagram component is used to build visual representations of information. It can also be used to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams either through code or a visual interface.

Diagram

Document editor

The document editor component is used to create, edit, view, and print Word documents in web applications. All the user interaction and editing operations runs purely in the client-side to provide a fast and intuitive experience to end users.

Document editor

Heat map

The heat map control is used to visualize two-dimensional data in which the values are represented in a color gradient or as fixed colors.

Heat map

Pivot grid

The pivot grid is a multidimensional data visualization component built on top of relational data sources. The pivot report can be managed dynamically at runtime along with other capabilities like aggregation, filtering, and sorting based on fields and values.

Pivot grid

Range navigator

The range navigator provides an intuitive interface for selecting a smaller range from a larger collection. It is commonly used in financial dashboards to filter a date range for which data needs to be visualized. This control easily combines with other controls such as the chart, data grid, and others to create rich and powerful dashboards.

Range navigator

Rich text editor

The rich text editor component is a WYSIWYG editor that provides the best user experience for creating and updating rich text content. It supports both HTML and Markdown editing and provides standard toolbar commands.

Rich text editor

Smith chart

A Smith chart is a data visualization tool used for high frequency circuit applications. It contains two sets of circles to plot the parameters of transmission lines.

Smith chart

Sparkline

A sparkline is a very small chart, typically drawn without axes or coordinates, that conveys information to the user in a small space.

Sparkline

Switch

The switch component lets users toggle between checked and unchecked states.

Switch

Toast

A toast is a small container in which users can show single or multiple informative lines with actions. It comes with predefined colors and supports template customization for notifications to appear as desired based on the application scenario.

Toast

Tree map

The tree map is used to visualize hierarchical data in the form of nested rectangles. The area of each item is calculated based on its corresponding numeric value.

Tree map

Theme studio

Theme studio is a new web-based tool that can be used to customize the Essential JS 2 component themes. It supports importing and exporting customized themes, and filtering to select which components to change. Go to Theme Studio

Theme studio

Chart

Scrollbar

Scrollbar support has been provided to zoom and pan the chart.

Scrollbar

Histogram

Chart provides options for histogram series type

Histogram

Pie grouping

Now, pie slice in the accumulation chart can be grouped based on data count.

Grouping

Grid

Multidelete

Now multiple records can be deleted from grid at a time. Enable multiselection to select multiple records and use the toolbar delete button or the Delete key to remove multiple records.

MultiDelete

List view

UI virtualization

UI virtualization is an optimization technique to avoid unnecessarily constructing and rendering objects for list items by loading only visible list items in a view port. This helps improve list view performance when loading a large number of items. The list items are updated dynamically while users scroll the list.

Maps

Animation on zooming

Provided smooth transition support for zooming of layers.

Title trim

Provided support to trim the map title when it exceeds the available width.

Provided support for printing and exporting maps.

Schedule

Multiple resources

Multiple resources and grouping support has been added to view and manage events of multiple users on the same page. This also allows resources to be grouped date-wise, multiple events to be linked together, setting different customizable working days for each resource, and other resource-based customizing options. Grouping can also be enabled on the required view mode alone.

Grouping

Timescale

An enhanced option provided to allow users to change or hide the time interval duration on schedule as per their application requirement. Any number of grid counts can be specified for the assigned time interval. Template option has been provided to customize the display of time value. An option to set different start and end time durations within event editor has also been introduced.

Timescale

Slider

Slider limits

Set min and max values to limit which values can be selected within the range.

Drag interval

Enables users to interact with a range slider by dragging the range bar.

Uploader

Chunk upload

The chunk upload option handles the upload of large files (such as high-resolution images, videos, etc.) in the uploader component. This feature breaks a large file into small chunks, and uploads them to the server in a sequential order using asynchronous mode. The chunk upload comes with pause, resume, retry, and cancel options.

Chunk upload

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.