PDA

View Full Version : How to remove borders under the title of tab?



grigory666
11 Nov 2009, 1:55 AM
If I have form in tabPanel, ?r I have tabPanel in TabPanel, there are always some borders (lines) under the title of any tab.
I tried to set these properties in tab, form and tabPanel:



bodyBorder : false,
border : false,
hideBorders :true
but they donít help

See in pictures what I mean.

http://www.extjs.com/forum/attachment.php?attachmentid=17127&stc=1&d=1257932640


here is an example, what I want:
http://www.extjs.com/forum/attachment.php?attachmentid=17129&stc=1&d=1257933014

Animal
11 Nov 2009, 2:07 AM
Use the CSS skills which you have as a professional RIA developer to examine the styling and come up with your own CSS rules to style your application as you see fit.

To get you started, try this in your app's stylesheet:



.x-tab-panel-noborder .x-tab-panel-header-noborder {
border-width: 0;
padding: 0;
}

grigory666
11 Nov 2009, 2:41 AM
thank you, Animal. You always rescue me in difficult situations