PDA

View Full Version : how to change tab height in tabpanel?



mbenothmane
21 Feb 2009, 10:33 AM
I would like to know if it is possible to change tab height and text alignment in tabs in tabpanel. There is a tabcls config option but I am not sure if it can be used in this case. Any help would be appreciated


Thanks!

walldorff
21 Feb 2009, 6:26 PM
I would guess in a CSS class.
Please do not post the same question twice.

mbenothmane
21 Feb 2009, 8:12 PM
Thanks walldorff! Sorry for the duplicate question I tried to edit it and it was posted by mistake. I thought it would be possible to change the tab appearance dynamically.

jiangpin
11 Jul 2011, 12:42 AM
i set the tab's height to 40px, and i don't know if the method is the best one. the code is :

js:
new Ext.tab.Panel({
id : 'tab-id',
...... ,
tabBar : {
height : 40,
defaults: {height:37},
},
items: {
......
}
})

css:

#tab-id .x-tab-bar-body {
height: 40px !important;
}

#tab-id .x-tab-bar-strip {
top: 38px !important;
}