ie6 .rpSelected

[Chris]

I was working with the RadMenu and using it as a Vertical Menu.  I am using the Gray Style. Everything seems to work fine in ie7 and Firefox, but in ie6 I am having 2 issues.

1. .rpExpanded

.RadPanelBar_Green .rpExpanded .rpText
{
 background: transparent url('PanelBar/downarrow2.png') no-repeat 100% 0px;
 background-position: right top;

}

On .rpExpandable, I have an image called rightarrow2.png.  When I click to expand, it switches to downarrow2.png in ie7 and Firefox.  In ie6, expands but the image stays rightarrow2.png.

2. .rpSelected

.RadPanelBar_Green .rpGroup .rpSelected
{
 text-decoration: none;
 background-color: #006633;
 background: #006633;
 color: #FFF;
 height: 25px;
 padding-top: 7px;
 
}

In this one, I have a background color of #006633 showing up for the selected cells below the root.  It works fine in ie7 and firefox, in ie6 it does nothing.

[Yana]

Hi Chris,

Thank you for contacting us.

The provided styles are for RadPanelBar, not for RadMenu.

I tested the styles in IE and wasn't able to see the problem, please check the attached screenshot.


Regards,
Yana
the Telerik team

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

[William]

Hi I find the same problem

<telerik:RadPanelItem runat="server" Text="Some Text" selected="true" Target="_self"></telerik:RadPanelItem>

OR

<telerik:RadPanelItem runat="server" Text="Some Text" selected="true" ></telerik:RadPanelItem>

.RadPanelBar_MySCRIPT .rpSelected {
  Background: #SOMECOLOR
}

Doesnt work in ie6 or ie7 but works fine in firefox

I suspect that even though no link is supplied PanelBar creates one and this confuses Ie to use

.RadPanelBar_MySCRIPT .rpLink {
 background : #ADIFFERENTCOLOR;
}

[Yana]

Hello William,

Please check the attached sample page which demonstrates that rpSelected css class works as expected.

Sincerely yours,
Yana
the Telerik team

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

[William]

Thanks for the reply.

At first I still had the above problem yet you code did work.

I descovered after much trial and error that it was because the RadPanelBar needed to be surrounded by and empty div tag i.e.

<div>

<telerik:radpanelbar.........................................................>

</telerik:radpanelbar>

</div>

I dont know why ?????????????????