To get similar kind of menu as in telerik ( i mean when i click on the expand button ( which is on lthe left side of menu item ) it should expand it menu items ), i am using follwing code
<telerik:RadMenu ID="RadMenu1" runat="server" ClickToOpen="true">
<Items>
<telerik:RadMenuItem runat="server" Text="PRODUCTS" >
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text="PRODUCTS" onclick="redirect();"></asp:Label>
<img alt="More Options" src="../Images/Refresh.gif" id="Img" onclick="openMenu();" />
</ItemTemplate>
<Items>
<telerik:RadMenuItem Text="ASP.NET AJAX Controls" runat="server">
</telerik:RadMenuItem>
<telerik:RadMenuItem Text="WinForms Controls" runat="server">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="CONSULTING" NavigateUrl="http://www.google.com">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="PURCHASE" NavigateUrl="http://www.google.com">
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="SUPPORT " NavigateUrl="http://www.google.com">
<GroupSettings Flow="Horizontal"></GroupSettings>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
<script type="text/javascript">
function openMenu()
{
var menu = $find("<%= RadMenu1.ClientID %>");
var item = menu.findItemByText("PRODUCTS");
item.open();
}
function redirect()
{
window.location.href="http://www.telerik.com";
}
</script>
Its working well and good........but here my requirement is " the image(Refresh.gif) beside the product menuItem should be invisible. and it should be visible when I hover on it." How can i do this.Can you please help me in this
Thanks
Srikanth gn