Sencha Touch

Sheet is a floating model panel widget, what animates on top of the view. It is orientation aware; flipping the device causes the sheet to render in landscape mode. Sheet is a generic class for ActionSheet, Picker and MessageBox.

MessageBox widget is derived from Ext.Sheet class and allows the alert like functionality, with sencha default styles. MessageBox widget provides alert like functionality, with Sencha theming.

This example will help you to create ToolBar in Sencha touch. ToolBar is an special kind of pannel that is docked to the either side of the screen.  The most commonly used panels are Panel, TabPanel, Toolbar and FormPanel.

Carousel is a customized Panel, provides the ability to slide back and forth between different child items. It usually adds the items as in card layout and on slide it flips through the items.

The form is a visual container suite that contains all other UI elements like Textfield, Checkbox, Radio Button, etc. Apparently Sencha touch Form is making it easier to use the HTML5 specific functions and field types and attributes.

This example will help you to create TabPanel in Sencha touch. TabPanel is another type of container used to automatically set a top-docked or bottom-docked toolbar with automatically generated buttons for every child item.

The Sencha Touch UI provides mixture of interactive widgets that can be displayed on screen. Ext.Container is the base class that may contain and manage other Components. It handles the basic behavior of containing items, namely adding, inserting and removing items.

Lists are most flexible and widely used User interface control for mobile applications.Sencha Touch supports various types of lists, including simple, grouped, and nested list.

Picker is an overlay panel, slides from the bottom and allows user to choose value from given set. It also allows the swipe gesture input event. Picker can have the slots configuration property used to define the number of sections.

This section describes how to get started with Sencha Touch application. It explains the basic steps for using Sencha Touch to create Web applications for touch-based devices.

This section explains Sencha Touch available Licence options and installation process. Sencha Touch is available with both opensource and commnercial software licence. Know more.

This section will walk you step-by-step through the process of creating a Sencha Touch application. Here as a first step we will create a basic “Hello World!” application.

This section of the tutorial explains Sencha Touch Button Example with different styles. Below you will find a live…

This section of the tutorial will help you Getting Started with Sencha Touch features.  It will help you…