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
- Badges
- Icons
- Selection
- Events
- API
- RTL Support
- Keyboard navigation
- MVVM
- Angular
Calendar
- Basic usage
- Customizing templates
- Disable dates
- Week Column
- Multiple Selection
- 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
DateInput
- Basic usage
- API
- Events
- Keyboard navigation
- MVVM
- RTL support
- Localization and Globalization
- AngularJS
DatePicker
- Basic usage
- Range selection
- Customizing templates
- Events
- Disable dates
- Week Column
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
DateRangePicker
- Basic usage
- Date Range
- Events
- API
- Keyboard navigation
- MVVM
- AngularJS
DateTimePicker
- Basic usage
- Range selection
- Customizing templates
- Events
- Disable dates
- Week Column
- 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
DropDownTree
- Basic usage
- Checkboxes
- Client Filtering
- Binding to remote data
- Binding to OData service
- Templates
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
Dialog
- Basic usage
- Predefined dialogs
- MVVM
- AngularJS
- Events
- API
- RTL support
- Keyboard navigation
- TreeView in Dialog
- TreeView in Dialog (AngularJS)
- 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
- Adaptive Rendering
- MVVM
- AngularJS
- Binding to local data
- Binding to remote data
- Binding to Kinvey Backend Services
- Binding to GraphQL Service
- Binding to SignalR
- Binding to WebSocket
- Working Offline
- Copy to Excel
- Batch editing
- Batch editing OData-v4
- Inline editing
- Popup editing
- Editing custom editor
- Custom validator editing
- Virtualization of local data
- Virtualization of remote data
- Endless scrolling of local data
- Endless scrolling of remote data
- Frozen columns
- Filter row
- Filter Multi Checkboxes
- Filter menu customization
- Sorting
- Selection
- Checkbox selection
- Aggregates
- Hierarchy
- Persist state
- Pager Visibility
- Responsive Columns
- 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
- Images
- Cell comments
- Events
- Validation
ListBox
- Basic usage
- Drag & Drop
- Templates
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
ListView
- Basic usage
- Binding to remote data
- Editing
- Selection
- Endless Scrolling
- 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
ScrollView
- Basic usage
- Binding to DataSource
- API
- Events
- MVVM
Menu
- Basic usage
- Images
- Direction
- Orientation
- Scrollable
- Binding to local data
- Binding to remote data
- Bind Custom Attributes
- Animation effects
- Events
- API
- Context Menu
- RTL support
- Keyboard navigation
- MVVM
- MVVM - ContextMenu
- AngularJS
- AngularJS - ContextMenu
MultiColumnComboBox
- Basic usage
- Server filtering
- Virtualization
- Grouping
- Templates
- Cascading MultiColumnComboBox
- Add new item
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
MultiSelect
- Basic usage
- Server filtering
- Virtualization
- Grouping
- Customizing templates
- Add new item
- Events
- API
- Tag mode
- RTL support
- Keyboard navigation
- MVVM
- AngularJS
MultiViewCalendar
- Basic usage
- View Selection
- Multiple Views
- Selection
- Disabled dates
- Week Column
- API
- Keyboard navigation
- MVVM
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
- Binding to local data
- Binding to remote data
- Templates
- Events
- API
- RTL support
- Keyboard navigation
- MVVM
- 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
- Adaptive Rendering
- Timeline view
- Timeline Overnight view
- Selection
- Resources
- Horizontal Grouping
- Vertical Grouping
- Date Grouping
- Templates
- Restrictions
- Event move & resize
- Binding to SignalR
- Binding to Kinvey 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
Drawer
- Basic usage
- Mini Mode
- Functionality
- API
- MVVM
Tooltip
- Basic usage
- Loading content with AJAX
- Content template
- Events
- API
- MVVM
- AngularJS
TreeList
- Basic usage
- Binding to local data
- Binding to remote data
- Binding to OData-v4 service
- Drag & drop
- Editing
- InCell editing
- Popup editing
- Column resizing
- Column reordering
- Column menu
- Multi-column headers
- Frozen columns
- Aggregates
- Events
- API
- MVVM
- AngularJS
- Client-side Paging
- Localization
- Keyboard navigation
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
- Constrain movement
- 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
PDFViewer
- Basic usage
- Events
- API
- Keyboard Navigation
- MVVM
- AngularJS
Globalization
- Basic usage
Integration with JS libraries
- Kendo UI + Handlebars
- Kendo UI + Twitter Bootstrap
- Kendo UI + Angular2
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
- Checkboxes
- Radio buttons
Ripple Container
- Basic Usage
Chat
- Insurance
- Travel
- Healthcare
- Toolbar
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
- RTL support
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
Arc Gauge
- Basic usage
- Colors
- Export to PDF, Image, SVG
- MVVM
- AngularJS
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
Range Area 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
- Events
- API
- RTL Support
- Keyboard Navigation
- MVVM
- AngularJS
Touch Events
- Touch Events
- AngularJS
Single Page Applications
- Aeroviewr
- Sushi
Kendo UI Mobile
- Hybrid Framework Demos