How to remove panel bar item header

[M Kumar]

Hi, 
   How to remove rad panel bar header in each panel item.i am used following css to remove  header, when first time it work what i expect, but when post pack page, header for all panel item will appear again.I have 3 panel items.
<style type="text/css">
    html .RadPanelBar .sampleCssClass {
        display: none;
    }
</style>

Screenshots :
 When load first time no headers - http://prntscr.com/qbgrq0
 when i click top combobox and page get post back and header will appear to all panel items - http://prntscr.com/qbgsbk
 What i am expect - http://prntscr.com/qbgxrw
 

I applied  class in code behind  for all panel items also , but still appear.

Note : in panel bar i used RenderMode as Classic . Following css i used to remove brodres

 .RadPanelBar .rpRootGroup,    
.RadPanelBar .rpRootGroup .rpLink  
{    
     border: none !important;    
     color: #5F5F5F;  
     text-decoration: none;  
     border-bottom-width: 0px !important;  
}  
.RadPanelBar .rpOut  
{  
    border-bottom-width: 0px !important;  
}  

Pls reply asap

Thanks

[Rumen]

Hi there,

My advice is to examine what is happening with your stylesheet which hides the header after the page postback. 

You can check the following blog post which explains how:

Inspect the Generated HTML of a Control
See the Applied Styles

 

If you need any further assistance, please provide a live URL or a simple repro project which we can test and debug.

Regards,
Rumen
Progress Telerik

[M Kumar]

Hi, 
   Its ok, if set height = 0 px for each and every panel item , than the header will removed.