remove alöl borders from panelBar

[schlumsch]

Hi everyone,

i`d like to remove all borders surrounding my panelBar. Im using following styles, but
the border on top of my pB and the two small borders on the left and right of my tabs wont disapperar. Can someone tell me hoiw to do? Thx, lg schlumsch

 <style>

 .rich-tabhdr-cell-active {
 border-width: 0px 0px 0px 0px;
 }
 .rich-tabhdr-side-cell {
 border-width: 0px 0px 0px 0px;
 }
 .rich-tabpanel {
 border-width: 0px 0px 0px 0px;
 }
 .rich-tabpanel-content {
 border-width: 0px 0px 0px 0px;
 }
 </style>

[nbelaevski]

Hello,

Please be more precise. I doubt rich:panelBar has rich-tabpanel styling class.

[schlumsch]

Hi,

well, the pBar consists of sevaral tabs on the top and the content area. Without any customization a border is drawn around the tabs, the content area. Tabs and content area are also seperated by a horizontal border line.
When i use above posted styles, all borders disappear, exept:

- Borders on the left and right hand of every Tab
- horizontal line between Tabs and contenrarea

looks like This:

_|TAB1||TAB2||TAB3|_____________________________
content
content
content

[nbelaevski]

It's not panelBar, but tabPanel. BTW, you can use Firebug or "Applied sources" view in IE developer toolbar to check what's left and where does it come from. Just try, it's very easy :)

[schlumsch]

Ok, sorry of course its a tabPanel, but the problem stays the same. ... and a new problem: how to remove the borders from a f:facet? :)

[ilya_shaikovsky]

please follow Nick's suggestion. It will be easy to check in firebug which classes affects the headers in this way.