This is a migrated thread and some comments may be shown as answers.

ie6 .rpSelected

4 Answers 35 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 07 Aug 2008, 06:18 PM
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.

4 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 08 Aug 2008, 03:38 PM
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.
0
William
Top achievements
Rank 1
answered on 06 Nov 2008, 03:22 AM
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;
}
0
Yana
Telerik team
answered on 06 Nov 2008, 02:01 PM
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.
0
William
Top achievements
Rank 1
answered on 06 Nov 2008, 04:16 PM
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 ?????????????????
Tags
Menu
Asked by
Chris
Top achievements
Rank 1
Answers by
Yana
Telerik team
William
Top achievements
Rank 1
Share this question
or