Hi,
I am migrating a javascript menu over to the RadMenu. I have a structure in which I would like to use the ExpandedImageUrl when a node is expanded. Currently the image only changes to the expanded image when the cursor actually moves down into the dropped menu. Instead, when the menu opens the image should change to the expanded image url. Then there is an issue with this sticking. Once the image does change once the mouse cursor is dropped it never reverts back to the regular ImageUrl even when the submenu collapses.
Here is a live link:
http://www.arcservicesco.com/testmenu.aspx
Here is the code:
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="" Flow="Horizontal">
<Items>
<telerik:RadMenuItem ToolTip="Home" CssClass="HandClass" ImageUrl="~/menu_home.gif" HoveredImageUrl="~/menu_over_home.gif" NavigateUrl="~/Default.aspx" />
<telerik:RadMenuItem ImageUrl="~/menu_break.gif" IsSeparator="true" />
<telerik:RadMenuItem ToolTip="Copiers" ImageUrl="~/menu_copiers.gif" ExpandedImageUrl="~/menu_over_copiers.gif" GroupSettings-ExpandDirection="Down" GroupSettings-OffsetX=-5>
<Items>
<telerik:RadMenuItem ToolTip="Color Copiers" Text="Color Copiers > " CssClass="Text" GroupSettings-ExpandDirection="Right">
<Items>
<telerik:RadMenuItem ToolTip="New Color Copiers" CssClass="TextHand" Text="New" NavigateUrl="~/newcolor.aspx" />
<telerik:RadMenuItem ToolTip="Used Color Copiers" CssClass="TextHand" Text="Used" NavigateUrl="~/usedcolor.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ToolTip="Black and White Copiers" Text="B & W Copiers > " CssClass="Text" GroupSettings-ExpandDirection="Right">
<Items>
<telerik:RadMenuItem ToolTip="New Black and White Copiers" CssClass="TextHand" Text="New" NavigateUrl="~/newbw.aspx" />
<telerik:RadMenuItem ToolTip="Used Black and White Copiers" CssClass="TextHand" Text="Used" NavigateUrl="~/usedbw.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ToolTip="Request Print Samples" CssClass="TextHand" Text="Request Print Samples" NavigateUrl="~/samples.aspx" />
<telerik:RadMenuItem ToolTip="Used Copiers Pricelist" CssClass="TextHand" Text="Used Copiers Pricelist" NavigateUrl="~/usedcopierslist.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ImageUrl="~/menu_break.gif" IsSeparator="true" />
<telerik:RadMenuItem ToolTip="Services and Solutions" ImageUrl="~/menu_services.gif" HoveredImageUrl="~/menu_over_services.gif" ExpandedImageUrl="~/menu_over_services.gif" GroupSettings-ExpandDirection="Down" GroupSettings-OffsetX=-5 >
<Items><telerik:RadMenuItem Text="HEY" /></Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
Please Advice,
Eugene Ladyzhenskiy
I am migrating a javascript menu over to the RadMenu. I have a structure in which I would like to use the ExpandedImageUrl when a node is expanded. Currently the image only changes to the expanded image when the cursor actually moves down into the dropped menu. Instead, when the menu opens the image should change to the expanded image url. Then there is an issue with this sticking. Once the image does change once the mouse cursor is dropped it never reverts back to the regular ImageUrl even when the submenu collapses.
Here is a live link:
http://www.arcservicesco.com/testmenu.aspx
Here is the code:
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="" Flow="Horizontal">
<Items>
<telerik:RadMenuItem ToolTip="Home" CssClass="HandClass" ImageUrl="~/menu_home.gif" HoveredImageUrl="~/menu_over_home.gif" NavigateUrl="~/Default.aspx" />
<telerik:RadMenuItem ImageUrl="~/menu_break.gif" IsSeparator="true" />
<telerik:RadMenuItem ToolTip="Copiers" ImageUrl="~/menu_copiers.gif" ExpandedImageUrl="~/menu_over_copiers.gif" GroupSettings-ExpandDirection="Down" GroupSettings-OffsetX=-5>
<Items>
<telerik:RadMenuItem ToolTip="Color Copiers" Text="Color Copiers > " CssClass="Text" GroupSettings-ExpandDirection="Right">
<Items>
<telerik:RadMenuItem ToolTip="New Color Copiers" CssClass="TextHand" Text="New" NavigateUrl="~/newcolor.aspx" />
<telerik:RadMenuItem ToolTip="Used Color Copiers" CssClass="TextHand" Text="Used" NavigateUrl="~/usedcolor.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ToolTip="Black and White Copiers" Text="B & W Copiers > " CssClass="Text" GroupSettings-ExpandDirection="Right">
<Items>
<telerik:RadMenuItem ToolTip="New Black and White Copiers" CssClass="TextHand" Text="New" NavigateUrl="~/newbw.aspx" />
<telerik:RadMenuItem ToolTip="Used Black and White Copiers" CssClass="TextHand" Text="Used" NavigateUrl="~/usedbw.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ToolTip="Request Print Samples" CssClass="TextHand" Text="Request Print Samples" NavigateUrl="~/samples.aspx" />
<telerik:RadMenuItem ToolTip="Used Copiers Pricelist" CssClass="TextHand" Text="Used Copiers Pricelist" NavigateUrl="~/usedcopierslist.aspx" />
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem ImageUrl="~/menu_break.gif" IsSeparator="true" />
<telerik:RadMenuItem ToolTip="Services and Solutions" ImageUrl="~/menu_services.gif" HoveredImageUrl="~/menu_over_services.gif" ExpandedImageUrl="~/menu_over_services.gif" GroupSettings-ExpandDirection="Down" GroupSettings-OffsetX=-5 >
<Items><telerik:RadMenuItem Text="HEY" /></Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
Please Advice,
Eugene Ladyzhenskiy