Online Spreadsheet for your Web Applications using Kendo UI
-
Upload
lohith-goudagere-nagaraj -
Category
Technology
-
view
893 -
download
5
Transcript of Online Spreadsheet for your Web Applications using Kendo UI
![Page 1: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/1.jpg)
Online Spreadsheet using Kendo UI
Lohith G N
![Page 2: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/2.jpg)
About Me
Technical EvangelistMicrosoft MVP (ASP.NET/IIS)
@kashyapahttp://www.kashyapas.comhttp://www.telerikhelper.net
Lohith G N
http://www.telerik.com
![Page 3: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/3.jpg)
Agenda
• What is Kendo UI
• New Things in Kendo UI
• Spreadsheet
• Web Components
• Angular 2
![Page 4: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/4.jpg)
®
![Page 5: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/5.jpg)
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
![Page 6: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/6.jpg)
What's in the Box?The different parts of Kendo UI
Application
Framework Web UI
Mobile UI
Data Visualization
![Page 7: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/7.jpg)
Kendo UI Widgets & Frameworks
![Page 8: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/8.jpg)
SpreadsheetBeta
![Page 9: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/9.jpg)
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
![Page 10: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/10.jpg)
Demo
![Page 11: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/11.jpg)
AngularJS 2Support 2
![Page 12: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/12.jpg)
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
![Page 13: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/13.jpg)
Demo
![Page 14: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/14.jpg)
Webcomponents Support
![Page 15: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/15.jpg)
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>
![Page 16: Online Spreadsheet for your Web Applications using Kendo UI](https://reader036.fdocuments.net/reader036/viewer/2022062503/5872ca811a28ab0c718b71b5/html5/thumbnails/16.jpg)
Demo