17.2.28-beta

Common

• Upgrade .NET Core 3.0 Preview6
• Provided template support
• HtmlAttribute support to components

v17.1.38-beta

Common

Included the below new preview components in the ASP.NET Core Razor Components

• Dashboard Layout
• Gantt Chart
• File Manager
• ListBox

v17.1.34-beta

Common

• Upgarding the razor components version in to 0.9.0-preview3-19154-02 from 0.8.0-preview-19104-04 for our razor components samples and source.

v17.1.32-beta

Accordion

Accordion is a vertically collapsible content panel which is displaying panels, one or multiple at a time within the available space.

• Rendering - Supports to render based on the items collection and HTML elements.
• Expand Mode - Supports to define single or multiple expand mode for Accordion panels.
• Animation - Supports animation effects for expanding/collapsing the panels.
• Accessibility - Provided with built-in accessibility support which helps to access all the Accordion component features through the keyboard, screen readers, or other assistive technology devices.

Accumulation Chart

A pie chart is a circular graphics, which can be divided into multiple segments to illustrate the numerical proportions. All elements are rendered using the Scalable Vector Graphics (SVG).

• Supports local binding and remote data source.
• Supports arranging the labels smartly without overlapping.
• Supports interactive features such as tooltip, explode, and selection.
• Supports club points to group the values of particular category.

AutoComplete

AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one. The available key features are

• Data binding - Allows binding and accessing the list of items from local or server-side data source.
• Grouping - Supports grouping of logically related items under a single or specific category.
• Sorting - Supports sorting of list items in an alphabetical order (either ascending or descending).
• Highlight search - Supports highlighting the typed text in the suggestion list.
• Templates - Allows customizing the list item, header, footer, category group header, no records and action failure content.
• Accessibility - Provided with built-in accessibility support that helps to access all the AutoComplete component features through keyboard, on-screen readers, or other assistive technology devices.

Avatar

Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.

• Types - Provided 2 types of Avatar.
• Sizes - Supports different sizes to adapt the various application scenario.

Badges

Badges can be used to alert users about new or unread messages, notifications, and additional information to the content. This can be used in conjunction with lists to represent each list’s timeline such as ‘new’, ‘old’, and ‘preview’.

• Types - Provided 8 different types of Badges.
• Predefined Colours - Provided 8 predefined situational colours of Badges.
• Position - Supports 3 different positions, such as default, top and bottom.

Button

Button is a graphical user interface element that triggers an event on its click action.

• Types - Provided with different types of Button.
• Predefined Styles - Provided with predefined styles of Button.
• Sizes - Provided with different sizes of Button.
• Icons - Supports text and icon on the Button.

Button Group

ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.

• Types, Sizes, and Styles - Provided with different types, sizes and predefined styles of button.
• Selection - Supports single and multiple selection behaviors.
• Orientation - Supports horizontal and vertical orientations.
• Nesting - Supports nesting with drop-down and split button components.
• Accessibility - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.

Calendar

Calendar interface for selecting dates with options for disabling dates, restricting selection and showing custom events.

• Range Restriction - Allows to select a date within a specified date range.
• Start and Depth View - Allows to change the initial view and navigation depth of the Calendar.
• Customization - Allows to customize the each day cell of the calendar.
• Accessibility - Provided with built-in accessibility support which helps to access all the Calendar component features through the keyboard, screen readers, or other assistive technology devices.

Card

The Card is a small container in which user can show defined content in specific structure. It is a pure CSS component built with markup and styles.

• Header: Header supports to include title, subtitle along with image.
• Images and Title: Support to include images with customizable caption positions in it.
• Action Buttons: Supports to add buttons within the card either in vertical or horizontal alignment.
• Horizontal Card: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.

Chart

Chart component is used to visualize the data with user interactivity and provides customization
options to configure the data visually. All chart elements are rendered by using Scalable Vector
Graphics (SVG).

• Series - Chart can plot over 28 chart types that are ranging from line charts to specialized financial charts
• Data Binding - Binds the data with local and remote data source.
• Data Labels and Markers - Supports data label and marker to annotate and enhance a data.
• Error Bar - Supports error bar to plot possible errors in data points.
• Axis Types - Supports four different types of axes, namely Numerical, Categorical, Datetime, and Logarithmic.
• Axis Feature - Supports multiple axes, inverted axis, multiple panes, opposed position,stripline, and smart labels.
• Legend - Supports legend to provide additional information about a series with paging and customization options.
• Technical Indicators - Support for RSI, Momentum, Bollinger band, accumulation distribution,EMA, SMA, stochastic, ATR, MACD, and TMA indicators.
• Trendlines - Supports linear, exponential, logarithmic, power, polynomial, and moving average trendlines.
• Animation - Chart series will be animated when rendering and refreshing the chart widget.
• User Interaction - Supports interactive features that are zooming, panning, crosshair, trackball, tooltip, and data point selection.
• Annotation - Supports annotation to mark a specific area in chart.
• Export - Supports to print the chart directly from the browser and exports the chart in both JPEG and PNG format.

CheckBox

CheckBox is a graphical user interface element that allows to select one or more options from the choices.

• States - Provided with different states of CheckBox.
• Label - Supports label and its positioning.
• Sizes - Provided with different sizes of CheckBox.

Chips

The chip is a small block of essential information that triggers an event on click action. It contains the text, image, or both and mostly used in contacts, mails, or filter tags.

CircularGauge

Circular Gauge component is ideal to visualize numeric values over a circular scale. The elements
of the gauge that are pointer, pointer cap, axis, ticks, labels, and annotation can be easily
customized.

• Ranges - Supports for highlighting the range values in the gauge scale.
• Axis - Supports to render multiple axis in the gauge.
• Pointers - Supports to add multiple pointers to the gauge (RangeBar, Needle, Marker, and Image).
• Annotation - Supports to add custom elements to the gauge by using annotation.
• Animation - Supports animation for the pointer.
• Custom Label - Supports the addition of custom label text in the required location of the gauge.
• User Interaction - Supports interactive features like tooltip and pointer drag and drop.

ColorPicker

Color picker is a user interface that is used to select and adjust color values.

• Color specification: Supports Red Green Blue, Hue Saturation Value and Hex codes.
• Mode: Supports Picker and Palette mode.
• Inline: Supports inline type rendering of color picker.
• Custom palettes: Allows you to customize palettes and supports multiple palette groups rendering.
• Opacity: Allows to set and change the opacity of the selected color.
• Accessibility: Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.

ComboBox

ComboBox component allows the user to type a value or choose an option from the list of predefined options. When an arrow icon accompanied with this component is pressed, the dropdown displays a list of values, from which the user can select one. The available key features are

• Data binding - Allows binding and accessing the list of items from local or server-side data source.
• Custom values - Allows setting user-defined values that is not in the popup list.
• Grouping - Supports grouping of logically related items under a single or specific category.
• Sorting - Supports sorting of list items in an alphabetical order (either ascending or descending).
• Filtering - Allows filtering of list items based on a character typed in the component.
• Templates - Allows customizing the list items, selected value, header, footer, category group header, and no records content.
• Accessibility - Provided with built-in accessibility support that helps to access all the ComboBox component features through the keyboard, screen readers, or other assistive technology devices.

ContextMenu

ContextMenu is a graphical user interface that appears on the user right click/touch hold action.

• Separator - Supports menu items grouping by using the Separator.
• Icons and Navigations - Supports items to have Icons and Navigation URL's.
• Template and Multilevel Nesting - Supports template and multilevel nesting in ContextMenu....