Kendo UI Examples

AutoComplete
- Basic usage
- Server filtering
- Virtualization
- Grouping
- Customizing templates
- Add new item
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Button
- Basic usage
- Images
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
ButtonGroup
- Basic Usage
Calendar
- Basic usage
- Customizing templates
- Disable dates
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
ColorPicker
- Basic usage
- Flat color picker
- Standalone Palette
- Palette presets
- Keyboard support
- Events
- API
- MVVM
- AngularJS
ComboBox
- Basic usage
- Server filtering
- Virtualization
- Grouping
- Customizing templates
- Cascading ComboBox
- Add new item
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
DatePicker
- Basic usage
- Range selection
- Customizing templates
- Events
- Disable dates
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
DateTimePicker
- Basic usage
- Range selection
- Customizing templates
- Events
- Disable dates
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
DropDownList
- Basic usage
- Binding to remote data
- Server filtering
- Virtualization
- Grouping
- Customizing templates
- Cascading DropDownList
- Add new item
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Dialog
- Basic usage
- Predefined dialogs
- MVVM
- AngularJS
- Events
- API
- RTL support
- Keyboard navigation
- TreeView in Dialog
- TreeList in Dialog
Editor
- Basic usage
- MVVM
- AngularJS
- Inline editing
- Custom tools
- All tools
- Snippets
- Styles
- PDF Export
- Paste Cleanup
- Events
- API
- RTL support
- Localization
- Keyboard navigation
Grid
- Basic usage
- Initialization from table
- MVVM
- AngularJS
- Binding to local data
- Binding to remote data
- Binding to Telerik Backend Services
- Binding to SignalR
- Binding to WebSocket
- Working Offline
- Copy to Excel
- Batch editing
- Inline editing
- Popup editing
- Editing custom editor
- Custom validator editing
- Virtualization of local data
- Virtualization of remote data
- Frozen columns
- Filter row
- Filter Multi Checkboxes
- Filter menu customization
- Sorting
- Selection
- Aggregates
- Hierarchy
- Persist state
- Toolbar template
- Row template
- Detail template
- Multi-column headers
- Column reordering
- Column resizing
- Column menu
- ForeignKey column
- Custom command
- Events
- API
- Localization
- RTL support
- Keyboard navigation
Spreadsheet
- Basic usage
- Sorting and Filtering
- DataSource binding
- Disabled cells
- Custom cell editors
- Events
- Validation
ListView
- Basic usage
- Binding to remote data
- Editing
- Selection
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
PivotGrid
- Basic usage
- KPI measures
- Remote binding
- Local binding
- Templates
- AngularJS
MaskedTextBox
- Basic usage
- Events
- API
- Globalization
- RTL support
- MVVM
- Validation
- AngularJS
MediaPlayer
- Basic usage
- Playlist
- Events
- API
- Keyboard navigation
Menu
- Basic usage
- Images
- Direction
- Orientation
- Animation effects
- Events
- API
- Context Menu
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
- AngularJS - ContextMenu
MultiSelect
- Basic usage
- Server filtering
- Virtualization
- Grouping
- Customizing templates
- Add new item
- Events
- API
- Tag mode
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Notification
- Basic usage
- Position and stacking
- Templates
- Events
- API
- RTL support
- MVVM
- AngularJS
NumericTextBox
- Basic usage
- Precision
- Events
- API
- RTL support
- Keyboard navigation
- Range Validation
- MVVM
- AngularJS
PanelBar
- Basic usage
- Images
- Loading content with AJAX
- Animation effects
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Drag and Drop
- Basic usage
- Container
- Area
- Events
- AngularJS
Effects
- Expand
- Fade
- Slide In
- Flip
- Transfer
- Zoom
- Page Turn
- Tile
- Replace
- Combined Effects
- Semantic Zoom
ProgressBar
- Basic usage
- Chunk ProgressBar
- Vertical ProgressBar
- Custom Label
- Events
- API
- RTL Support
- MVVM
- AngularJS
Gantt
- Basic usage
- MVVM
- AngularJS
- Column resizing
- Resources
- Task Template
- Selected Date and Range
- Events
- API
- RTL Support
- Keyboard navigation
Responsive Panel
- Basic usage
Scheduler
- Basic usage
- MVVM
- AngularJS
- Timeline view
- Resources
- Horizontal Grouping
- Vertical Grouping
- Date Grouping
- Templates
- Restrictions
- Event move & resize
- Binding to SignalR
- Binding to Telerik Backend Services
- Events
- API
- RTL Support
- Keyboard Navigation
- Localization
Slider
- Basic usage
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Sortable
- Basic usage
- Filter / Disable items
- Handlers
- Axis / Container constraints
- Linked Lists
- Events
- Sortable panels
- Integration - Grid
- Integration - ListView
- Integration - TabStrip
- AngularJS
Splitter
- Basic usage
- Loading content with AJAX
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
TabStrip
- Basic usage
- Images
- Loading content with AJAX
- Animation effects
- Tab position
- Scrollable tabs
- Sortable closable tabs
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
TimePicker
- Basic usage
- Range selection
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
ToolBar
- Basic usage
- Resizing
- Events
- API
- Integration with Editors
- Keyboard navigation
- AngularJS
- RTL Support
Tooltip
- Basic usage
- Loading content with AJAX
- Content template
- Events
- API
- MVVM
- AngularJS
TreeList
- Basic usage
- Binding to local data
- Binding to remote data
- Drag & drop
- Editing
- Popup editing
- Column resizing
- Column reordering
- Column menu
- Frozen columns
- Aggregates
- Localization
- Events
- API
- MVVM
- AngularJS
ScrollView
- Basic Usage
TreeView
- Basic usage
- Drag & drop
- Animation effects
- Images
- Checkboxes
- Filter TreeView in dialog
- Binding to local data
- Binding to remote data
- Binding to OData service
- Templates
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Window
- Basic usage
- Customizing actions
- Loading content with AJAX
- Animation effects
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
DataSource
- Basic usage
- Binding to remote data
- Binding to XML
- Remote data operations
- Local data operations
- Shared DataSource
Drawing API
- Basic Usage
- Manipulating Paths
- Tooltip
PDF Export
- Document Export
- Page Layout
Globalization
- Basic usage
Integration with JS libraries
- Kendo UI + Handlebars
- Kendo UI + Twitter Bootstrap
- Kendo UI + Angular2
- Kendo UI + WebComponents
MVVM
- Basic usage
- HTML element binding
- Widget binding
- Attribute binding
- Style binding
- Event binding
- Source and template binding
- Strongly typed binding
- CSS class binding
- Remote binding
- Custom binding
Templates
- Basic usage
- Expressions
Validator
- Basic usage
- Custom validation
- AngularJS
Styling
- Forms
- Panels
- Icons
- Checkboxes
- Radio buttons
Area Charts
- Basic usage
- Stacked area
- 100% Stacked area
- Stepped Area
- Smooth Area
- Date axis
- Logarithmic axis
- Multi-axis
- Error Bars
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Bar Charts
- Basic usage
- Column chart
- Stacked bars
- Stacked and grouped bars
- 100% Stacked bars
- 100% Stacked and grouped bars
- Date axis
- Logarithmic axis
- Multi-axis
- Plot bands
- Gap and spacing
- Error Bars
- Custom Visuals
- Pan and zoom
- Custom pan and zoom
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Barcode
- Basic usage
- MVVM
- AngularJS
Box Plot Charts
- Basic usage
- Vertical Box Plot
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
Bubble Charts
- Basic usage
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Bullet Charts
- Basic usage
- Binding to local data
- Binding to remote data
- MVVM
- AngularJS
Chart API
- Methods
- Events
- PDF Export
- Advanced Export
- Selection
- Benchmark
Donut Charts
- Basic usage
- Donut labels
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
Funnel Charts
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
Linear Gauge
- Basic usage
- Scale options
- Multiple pointers
- Export to PDF, Image, SVG
- MVVM
- AngularJS
Radial Gauge
- Basic usage
- Scale options
- Multiple pointers
- Export to PDF, Image, SVG
- MVVM
- AngularJS
- Car Dashboard
Line Charts
- Basic usage
- Stacked line
- 100% Stacked line
- Stepped line
- Smooth line
- Date axis
- Logarithmic axis
- Multi-axis
- Notes
- Error Bars
- Custom Visuals
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Diagram
- Basic usage
- Built-in Layouts
- Editing
- PDF Export
- Advanced Export
- Events
- API
- MVVM
- AngularJS
Map
- Basic usage
- Bing tile layer
- Bubble layer
- Binding to GeoJSON
- Binding markers to remote data
- Export
- Events
- API
- AngularJS
Pie Charts
- Basic usage
- Pie labels
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
Polar Charts
- Polar line
- Smooth polar line
- Polar scatter
- Polar area
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
QR Code
- Basic usage
- MVVM
- AngularJS
Radar Charts
- Radar line
- Smooth radar line
- Radar area
- Radar column
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Range Bar Charts
- Basic usage
- Binding to local data
- Binding to remote data
Scatter Charts
- Basic usage
- Scatter line chart
- Smooth scatter line
- Date axis
- Multi-axis
- Pan and zoom
- Custom Pan and zoom
- Binding to remote data
- Binding to local data
- Binding to grouped data
- MVVM
- AngularJS
Sparklines
- Basic usage
- Binding to remote data
- Binding to local data
- MVVM
- AngularJS
Stock Charts
- Basic usage
- Multiple panes
- Virtualization
- PDF Export
- Stock History
TreeMap
- Basic usage
- Events
- MVVM
- AngularJS
Waterfall Charts
- Basic usage
- Horizontal Waterfall
- Binding to local data
- Binding to remote data
Switch
- Basic Usage
Touch Events
- Touch Events
- AngularJS
Single Page Applications
- Aeroviewr
- Sushi
Kendo UI Mobile
- Hybrid Framework Demos