1. #1
    Ext JS Premium Member
    Join Date
    Mar 2011
    Posts
    178
    Vote Rating
    0
    astrocybernaute is on a distinguished road

      0  

    Exclamation column layout inside tabpanel not working!

    column layout inside tabpanel not working!


    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

    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

  2. #2
    Ext JS Premium Member
    Join Date
    Mar 2011
    Posts
    178
    Vote Rating
    0
    astrocybernaute is on a distinguished road

      0  

    Lightbulb


    SOLVED


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

    Code:
    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.'                                }]                                                            },

Similar Threads

  1. [2.2] Display error with Column layout inside tabpanel
    By Dave.Sanders in forum Ext 2.x: Bugs
    Replies: 4
    Last Post: 4 Mar 2010, 9:52 AM
  2. UL Tag is not working properly inside Tabpanel
    By Rajarajeswari MS in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 19 Jan 2009, 8:36 AM
  3. Complex layout - Column layout inside Tab Panel
    By Jack_S in forum Ext 2.x: Help & Discussion
    Replies: 24
    Last Post: 6 Aug 2008, 5:15 AM
  4. Replies: 2
    Last Post: 20 Mar 2008, 10:00 AM
  5. Column layout inside a card layout - display problem
    By nick3006 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 14 Jan 2008, 5:31 PM

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar