The gain a thorough understanding of the Sencha Mobile Framework I built a mobile application with practical prototypes and demos of the UI components and capabilities.
The application includes examples of:
- Sliding pages with custom css icons
- Modal dialogues, popups & confirmation boxes
- Buttons and callbacks
- Form elements and controls
- Grouped List with directory nav
- Nested drill-down type lists
- Iconbars and badge indicators
- Docked toolbars and icons
- Menubars and item controls
- Actionsheets
- Map integration and location services
- JsonP AJAX retrieval, parsing & display
- YQL AJAX retreival, parsing & display
- Pull to refresh and scroll - paging
- User canvas drawing (signature pad)
- Logic integration via a simple tic-tac-toe game
The application is not optimized for performance, and requires a mobile browser or a WebKit based browser such as Chrome or Safari to view.
View a demo of this application