1. #1
    Sencha User
    Join Date
    Nov 2008
    Posts
    92
    Vote Rating
    1
    diablo is on a distinguished road

      0  

    Default Ext.TabPanel - increase tab size

    Ext.TabPanel - increase tab size


    Hello and a Happy New Year to everybody,

    I have done some research regarding this issue but i did not found anything usefull.

    I have played with minTabWidth and tabWidth but no change.

    Any suggestions? Thx!

    Code:
    var xPanel = new Ext.TabPanel({
            renderTo: document.body,
            activeTab: 0,
            minTabWidth: 80,
            tabWidth: 95,
            autoWidth:true,
            autoHeight:true,
            plain:false,
            defaults:{autoScroll: true},
            items:[aGrid
                  ,secondGrid           
            ]
        });

  2. #2
    Sencha User BitPoet's Avatar
    Join Date
    Sep 2008
    Location
    Bavaria
    Posts
    277
    Vote Rating
    1
    BitPoet is on a distinguished road

      0  

    Default


    From a quick glance at the TabPanel.js code it looks like tabWidth and minTabWidth are only honoured if resizeTabs is set to true, I'm not sure if that is intended behaviour or an oversight (it's been there since at least 3.0.0 though).

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    58
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    What is the question?

  4. #4
    Sencha User
    Join Date
    Nov 2008
    Posts
    92
    Vote Rating
    1
    diablo is on a distinguished road

      0  

    Default


    Thanks BitPoet, i have tried what you suggested and indeed this increase the width of the tab.

    Animal - i think it's a little to briefly what i wrote...

    So the suggestion from BitPoet is solves in a way what i want to obtain, but aside the width size increase i would like the font of the tab title and secondary but not so important the alignment of the tab title to manipulate. So this tab size increase refers to:
    - tab width;
    - tab height;
    - tab title font;
    - tab title alignment (less relevant).

    Thank you!

  5. #5
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    58
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    The font and alignment can be effected by your own CSS rules.

  6. #6
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    96
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    Tab appearance (width, height, font and alignment) is mostly controlled by css and background images.

    You will need to add/change some css rules to get tabs to display differently.

  7. #7
    Sencha User
    Join Date
    Nov 2008
    Posts
    92
    Vote Rating
    1
    diablo is on a distinguished road

      0  

    Default


    Understood, I thought there is some other way.
    Thanks

Thread Participants: 3