-
4 Jan 2010 2:03 AM #1
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 ] });
-
4 Jan 2010 2:37 AM #2
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).
-
4 Jan 2010 2:45 AM #3
What is the question?
Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
Scope: http://extjs.com/forum/showthread.ph...642#post257642
-
4 Jan 2010 5:36 AM #4
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!
-
4 Jan 2010 5:42 AM #5
The font and alignment can be effected by your own CSS rules.
Search the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
Scope: http://extjs.com/forum/showthread.ph...642#post257642
-
4 Jan 2010 5:43 AM #6Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 41
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.
-
4 Jan 2010 5:46 AM #7
Understood, I thought there is some other way.
Thanks


Reply With Quote