Serenity UI - Demos

Classes

DataSource Model Router ViewModel

Widgets

Autocomplete Chart Colorpalette Combobox Contextmenu Dropdownlist Editor Grid Intervalselection Kanban Listview Notification Overlay Panel Rating Scheduler Splitter Table Tagcloud Toolbar Timepicker Tree

Pages

Grouping(new) Basic usage Aggregates Filtering Sorting Tracking changes

Basic usage

Basic usage Events(new)

Basic usage

Bar and Column Charts

Bar Chart with Drilldown Bar Chart Bar Chart with categories Column Chart Column Chart with categories

Area Charts

Area Chart Area Chart with categories

Line Charts

Line Chart Line Chart with categories

Pie and Donut Charts

Pie Chart Donut Chart

Scatterplot Charts

Scatterplot Chart Scatterplot Chart with categories

Basic usage Placeholder

Basic usage

Basic usage Initialize from DataSource

Basic usage

Basic usage Item template Text template Placeholder

Default functionality Group columns Paging Sorting Filtering MVVM

Basic usage Selecting with resources Row groups Customizing interval labels

Basic usage Change expand/collapse icons No rows Label and item templates

Default functionality(new) Basic usage(new) MVVM(new)

Basic usage Templates

Basic usage

Basic usage Collapsible Change expand/collapse icons

Basic usage

Basic usage Extend Event Dialog Read-only Event Dialog

Basic usage

Basic usage Sphere

Show/Hide Columns Basic Usage Aggregates Aggregates by page Paging Sorting Filtering Row selection Row template

Basic usage Placeholder

Basic usage

Basic Usage Checkboxes Tree node context menu Add/Remove nodes Text template Load on demand

Example

Drag and drop Tasks onto any cells in "state" columns.

Expand or collapse a row by clicking the icon in the "User Story" cell. Notice that User Story 3 is initially collapsed by setting the expanded attribute to false for the row in the rows DataSource.

Classes

Widgets

Example

Subscribe

Thank you

Classes

Widgets

Example

Subscribe

Why Subscribe?

Thank you