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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
What’s New in Essential Studio for Flutter

ESSENTIAL STUDIO 2020 VOLUME 2

What’s New in Essential Studio for Flutter

Our Flutter widgets continue to improve and expand this release with new DataGrid, Maps, and Slider widgets; new histogram and spline range area chart types; and schedule view support in the Calendar widget.

DataGrid (Preview)

DataGrid lets you display and manipulate data in a tabular view. It was built from the ground up to achieve the best possible performance even when loading large amounts of data.

Flutter DataGrid

Features

Column types

Show different data types (int, double, string, and date-time) in different types of columns. Also, load any widget in a column.

Column sizing

Set the width of columns with various sizing options. Columns can also be fitted based on their content.

Auto row height

Set the height for rows based on the content of their cells.

Selection

Select one or more rows. Keyboard navigation is supported for web platforms.

Styling

Customize the appearance of cells and headers. Conditional styling is also supported.

Theme

Use a dark or light theme.

Maps (Preview)

The Flutter Maps widget allows you to visualize GeoJSON data as a geographical area. It has highly interactive and customizable features such as data labels, selection, markers, bubbles, assignable colors based on region, and legends.

Features

Markers

Denote a location with built-in symbols or display a custom widget at a specific latitude and longitude on a map.

Maps marker support

Bubbles

Add information to shapes such as population density, number of users, and more. Bubbles can be rendered in different colors and sizes based on the data values of their assigned shape.

Maps bubble support

Shape selection

Select a shape in order to highlight that area on a map. You can use the callback for performing any action during shape selection.

Maps selection support

Legend

Use legends to provide clear information on the data plotted in the map. You can use the legend toggling feature to visualize only the shapes to which the legend applies.

Maps legend support

Colors

Categorize the shapes on a map by customizing their color based on the underlying value. It is possible to set the shape color for a specific value or for a range of values.

Maps range color support

Tooltip

Display additional information about shapes and bubbles using the customizable tooltip on a map.

Maps tooltip support

Slider (Preview)

The Flutter Slider is a lightweight widget that allows you to select a single value from a range of values.

Features

Numeric and date support

Provides functionality for selecting numeric and date values. For dates, support is provided up to the seconds interval.

Labels

Render labels for date and numeric values with the option to customize their formats based on your requirements.

Slider labels

Ticks and divisors

Provides the option to show ticks and divisors based on the slider interval. Also, minor ticks can be enabled to indicate the values between each interval. These options present the selected value in a more intuitive way for end users.

Slider ticks

Thumb icon support

Accepts custom widgets like icon or text inside the thumb.

Slider thumb icon

Tooltip

Render a tooltip to show the selected value clearly. You can also customize the format of the text shown in the tooltip.

Slider tooltip

Highly customizable

In addition to the rich set of built-in features, the control is fully customizable through its wide range options.

Slider customization

Calendar

Schedule view

Shows a list of scheduled appointments grouped by week, between min and max dates.

schedule-view

Special time regions

Restricts user interactions, such as selection, and highlights specific regions of time in timeslot views.

special-time-regions

Web layout

Web layout improved for better experience, and now the mouse hovering effect has been applied to all the calendar elements.

Charts

New chart types

Support has been added for rendering the following chart types:

Histogram chart

Histogram chart.

Spline range area chart

Spline range area chart.

Axis elements animation

The axis elements, such as labels, ticks, and grid lines, will be animated on axis range change.

Chart axis elements animation.

Series gradient improvement

Transform the linear gradient of series’ fill and stroke to any desired angle.

Chart gradient improvement.

Plot line

Plot lines are used to mark or highlight a particular value in an axis range with different colors.

Chart plot line support.

Axis label alignment

Align the axis labels above, below, or center to the grid lines.

Chart axis label alignment.

Indicate same values in financial series

Show a vertical line when the high and low values are the same in financial series.

Hide data labels for zero value

Hide the data label and its connector line when the y value is zero.

Improved performance

We have improved the loading and live update performance of all the series types in Charts.

Date Range Picker

Enable/disable built-in view switching

The Date range picker provides option to restrict users from navigating to any picker views and allows user to select values in terms of month, year or decade.

Multi-date picker view

Enables a multi-date range picker that shows two date range pickers side by side.

multi-date-picker-view

Range Selector

Deferred update

Provides an option to defer range updates, allowing you to control when dependent components are updated while thumbs are being dragged continuously.

Discrete selection

Provides an option for selecting only discrete numeric and date values.

Thumb icon support

Accepts custom widgets like icon or text inside the left and right thumbs.

Range selector thumb icon

Interval selection

Allows users to select a particular interval by tapping or clicking in it. Both thumbs will be moved to the current interval with smooth animation.

Appearance customizations

Easily customize the Range Selector using a wide range of options for each element in the widget.

Range selector customiztion

Range Slider

Discrete selection

Provides an option for selecting only discrete numeric and date values.

Interval selection

Allows users to select a particular interval by tapping or clicking in it. Both thumbs will be moved to the current interval with smooth animation.

Thumb icon support

Accepts custom widgets like icon or text inside the left and right thumbs.

Range slider thumb icon

Appearance customizations

Easily customize the Range Selector using a wide range of options for each element in the widget.

Range slider customization

Up arrow icon

Warning Icon 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.Close Icon

Live Chat Icon For mobile
Live Chat Icon