Panel Bar Background Issues

[Brad]

Hi,

I'm setting up a panel bar specifically to an outlined design so the text links can wrap if need be. In doing this, I am setting the rpOut class with the top image slice and the rpText class with the bottom slice. I have it 95% working, there is only one state that is not working properly which is the active state on the expandable rootGroup item. (See the screenshots at this url: http://dev.reachfarther.com/telerik/telerik_panelbar_issue.htm.) When the user clicks on the expandable item, the subnav shows and the bottom slice of the main nav disappears. Then when the user clicks on the subnav link, the bottom slice of the main nav reappears.

I have compared the source code when it's working and when it is not working and they are exactly the same. Is there a class other than .reExpandable and reExpanded that I sould be styling? Where is my bottom slice going?

Thanks in advance.

[Yana]

Hi Brad,

We're not able to help you unless you provide us with a live url where we can observe this issue. Thank you

Regards,
Yana
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Brad]

Here's a simple page with only the menu on it:

http://www.panelverse.com/menu_sample.aspx

The links won't work, but the behavior we're talking about can be observed by clicking on the Grapevine, TX menu item.

 

Thank you.

 

Brad

[Yana]

Hi Brad,

Thank you for sending us the url.

Please add the following css style to your page in order to fix this issue:

.RadPanelBar_Green .rpOut {
   border-style: none !important;
}

Best wishes,
Yana
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.