online spreadsheet for your web applications using kendo ui

Online Spreadsheet using Kendo UI

Lohith G N

About Me

Technical EvangelistMicrosoft MVP (ASP.NET/IIS)

lohith.nagaraj@telerik.com

@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