online spreadsheet for your web applications using kendo ui
TRANSCRIPT
Online Spreadsheet using Kendo UI
Lohith G N
About Me
Technical EvangelistMicrosoft MVP (ASP.NET/IIS)
@kashyapahttp://www.kashyapas.comhttp://www.telerikhelper.net
Lohith G N
http://www.telerik.com
Agenda
• What is Kendo UI
• New Things in Kendo UI
• Spreadsheet
• Web Components
• Angular 2
®
Fast, Light, Complete70+ jQuery-based UI widgets in one toolset
JS Framework Agnostic | No lock in
AngularJS Integration | Bootstrap
Theme Extensive Data Visualization
Support Mobile Specific Widgets |
App Tooling Touch Support |
Adaptive Rendering
Modern Comprehensive HTML5/JS Framework
What's in the Box?The different parts of Kendo UI
Application
Framework Web UI
Mobile UI
Data Visualization
Kendo UI Widgets & Frameworks
SpreadsheetBeta
Spreadsheet Overview
• Editing of Tabular Data• Feaures:
• Cell Formatting• Styling & Theming• Multiple Sheets• Frozen Panes• Merging of cells• Data Formatting• …
Full list of features: http://docs.telerik.com/kendo-ui/web/spreadsheet/overview
Demo
AngularJS 2Support 2
Angular 2 Experimental Support
• Q3 2015 includes experimental support for Angular 2
• Angular 2 relies on Web Components implementation
• You will need web components polyfill, if your browser doesn’t suppot web compoents yet
Demo
Webcomponents Support
Kendo UI Custom Elements
• Q3 2015 now supports set of Custom Elements (http://w3c.github.io/webcomponents/spec/custom/)
• Initialize/Use widgets - Web Components way
• <kendo-datepicker value=“11/26/2015”></kendo-datepicker>
Demo