O'Reilly logo

Sencha Touch Cookbook - Second Edition by Ajit Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building wizards using CardLayout

This recipe describes how to use a card layout as a container layout. CardLayout lays items in the form of playing cards and shows only one item at a time. We will implement a wizard application to understand the usage of this layout.

Getting ready

Make sure you have set up your development environment by following the recipes outlined in Chapter 1, Gear Up for the Journey.

Make sure you have created the ch03 folder inside the www folder.

How to do it...

Carry out the following steps for building wizards using CardLayout:

  1. Create and open a new file named ch03_04.js and copy-paste the following code into it:
    Ext.application({ name : 'MyApp', launch : function() { Ext.define('Wtc.tux.CardPanel', { extend: 'Ext.Panel', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required