wizard and panel

[tdikarim]

Hi,

How to have a wizard that contain a panel on each step.
I have try this but the first card does nothing appear

    var wizard2 = Ext.create('Ext.panel.Panel', {
	    title: 'Example Wizard',
	    width: 300,
	    height: 200,
	    layout: 'card',
	    bodyStyle: 'padding:15px',
	    defaults: {
	        // applied to each contained panel
	        border: false
	    },
	    // just an example of one possible navigation scheme, using buttons
	    bbar: [
	        {
	            id: 'move-prev',
	            text: 'Back',
	            handler: function(btn) {
	                navigate(btn.up("panel"), "prev");
	            },
	            disabled: true
	        },
	        '->', // greedy spacer so that the buttons are aligned to each side
	        {
	            id: 'move-next',
	            text: 'Next',
	            handler: function(btn) {
	                navigate(btn.up("panel"), "next");
	            }
	        }
	    ],
	    // the panels (or "cards") within the layout
	    items: [{
	        id: 'card-0',
	        items:[panel_myPanelTest]
	    },{
	        id: 'card-1',
	        html: '<p>Step 2 of 3</p>'
	    }]
	});

Thanks for your help

Karim

[scottmartin]

Are you trying to nest another panel (panel_myPanelTest) inside the existing panel per step?

Each step is already a panel itself.

Scott.