Results 1 to 4 of 4

Thread: TabPanel and different tab widths

  1. #1
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default TabPanel and different tab widths

    I have a tab panel and I want the tabs to be different widths but I cannot figure it out. I can change all the tabs widths but not individually. I found a forum post about changing the DOM width so it kind of acts as I want but it doesn't actually change the tab width, just allows the next tab to be moved onto it.

    This is the code from that post:
    Code:
    Ext.get(Ext.getCmp("projectTabPanel").getTabEl(0)).setWidth(30);
    I also set the width config option on the tab but it didn't do anything that I wanted.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  2. #2
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364

    Default

    Mitchell,

    it works for me out o f the box:

    Code:
    [new Ext.Window({
        width : 500,
        height : 200,
        layout : 'fit',
        items  : {
            xtype     : 'tabpanel',      
            activeTab : 0,
            items     : [
                { title : 'SDFSDFSFDF' },
                { title : 'oifjew' },
                { title : '93939393939393939' }
    
            ]
        }
    
    
    }).show()
    renders:


  3. #3
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    hmm

    School wifi won't let me FTP anything! grrr it's like they don't want you doing anything but study in this place!
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  4. #4
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    I have found out why it wasn't working for me. I had resizeTabs set to true which was increasing the tab size.
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •