column layout inside tabpanel not working!

[astrocybernaute]

Hi,

Im trying to cistomize the layout browserexample for my company needs
so in the card(tabpanel) menu i need to add panels inside each tab, and orgnise them in columns
so here is my code

cardTabs: {
                        xtype: 'tabpanel',
                        id: 'absolute-panel',
                        layout: 'column',
                        plain: true,  //remove the header border
                        activeTab: 0,
                        defaults: { bodyStyle: 'padding:15px' },
                        items: [{
                                    title: 'tab1 ',
                                   // html: 'This is tab 1 content.',
                                    items : [{
                                                title: 'panel1',
                                                height : 100,
                                                columnWidth: 0.25,
                                                html: 'pANEL ONE CONTENT §'
                                            },
                                            {
                                                title: 'panel2',
                                               layout: 'column',// height : 120,
                                                columnWidth: 0.25,
                                                html: 'pANEL TWO CONTENT §'
                                            
                                            }]
                                    }, {
                                    title: 'tab2',
                                    html: 'This is tab 2 content.'
                                    }, {
                                    title: 'tab3',
                                    html: 'This is tab 3 content.'
                                    }, {
                                    title: 'tab4',
                                    html: 'This is tab 4 content.'
                               }]
                    
                     
                },

but i dont get columns, i get my panels in vertical (one under the other)

any idea what im doing wrong here ?


Thanks

[astrocybernaute]

SOLVED


that was my mistake, i didnt put the layout in the right place :

cardTabs: {                         xtype: 'tabpanel',                         id: 'absolute-panel',                         layout: 'column',                         plain: true,  //remove the header border                         activeTab: 0,                         defaults: { bodyStyle: 'padding:15px' },                         items: [{                                     title: 'tab1 ',
                                    layout: 'column',                                     items : [{                                                 title: 'panel1',                                                 height : 100,                                                columnWidth: 0.25,                                                 html: 'pANEL ONE CONTENT §'                                             },                                             {                                                 title: 'panel2',                                                layout: 'column',// height : 120,                                                 columnWidth: 0.25,                                                 html: 'pANEL TWO CONTENT §'                                                                                          }]                                     }, {                                     title: 'tab2',                                     html: 'This is tab 2 content.'                                     }, {                                     title: 'tab3',                                     html: 'This is tab 3 content.'                                     }, {                                     title: 'tab4',                                     html: 'This is tab 4 content.'                                }]                                                            },