Wednesday, 14 March 2012

KendoUI, It's All About User Experience

Kendo UI is an HTML5jQuery-based framework for building modern web apps.  It is not only UI but much more. It is based on HTML 5, CSS 3, Javscript etc. Kendo UI provides some core features which you need:

  • UI widgets
  • Client-side Data source
  • High-Performance Templates
  • Data Binding 
  • Drag-and-Drop API
  • Animations
  • Built-in Touch support
Kendo UI contains three frameworks.
  • Web
  • Mobile
  • DataViz
Developers can choose according to their needs.  Cross platform mobile app development is becoming much easier by the introduction of such frameworks.  
Installing and getting started with Kendo UI is very easy
  1. Download Kendo UI. You can download here.
  2. Copy the Kendo UI CSS and Javascript resources to your project.
  3. Configure your page to use Kendo UI scripts and skins.
  4. Now you can use Kendo UI.
Let's see a demo of using panel bar (accordion) in Kendo UI.
The panel bar utilizes the list to define its structure and content.
  1. Create a list of items.
    <ul id="panelId">
            Item 1
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
        <li>Item 2</li>
  2. Using an ID selector initialize the panlbar.
    $(document).ready(function() {
Check the Demos to see how you can build HTML 5 applications using Kendo UI  
The Kendo Mobile provides necessary tools to build native looking mobile applications.

No comments:

Post a Comment