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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi