The SelectedImageUrl property does nothing until AFTER the mouse has hovered over the image.
My scenario uses the RadMenu as the primary navigation for my site. I want the selected page to be obvious to the users so I've implemented images to represent the normal versus hovered/selected states. Simple. Everything works fine except for that when one of the menu items is selected, it displays normal image until the mouse hovers over the menu item which then causes the menu to display the selected image.
I created the following simplified example (no CSS, no code) to illustrate.
Super simple example:
BTW, the EnableSelection property has no affect on this example and I've specified Selected='true' just so the problem can be seen immediately.
I haven't come up with a workaround for this one, please advise. Thanks!
My scenario uses the RadMenu as the primary navigation for my site. I want the selected page to be obvious to the users so I've implemented images to represent the normal versus hovered/selected states. Simple. Everything works fine except for that when one of the menu items is selected, it displays normal image until the mouse hovers over the menu item which then causes the menu to display the selected image.
I created the following simplified example (no CSS, no code) to illustrate.
Super simple example:
<telerik:RadMenu ID="RadMenu1" Runat="server" Skin="" EnableSelection="true" > |
<Items> |
<telerik:RadMenuItem runat="server" |
NavigateUrl="~/Test.aspx" |
ImageUrl="~/images/NotSelected.png" |
HoveredImageUrl="~/images/Selected.png" |
SelectedImageUrl="~/images/Selected.png" |
Selected="true" |
/> |
</Items> |
</telerik:RadMenu> |
BTW, the EnableSelection property has no affect on this example and I've specified Selected='true' just so the problem can be seen immediately.
I haven't come up with a workaround for this one, please advise. Thanks!