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

Similar kind of menu as in Telerik site

0 Answers 30 Views
Menu
This is a migrated thread and some comments may be shown as answers.
srikanth
Top achievements
Rank 1
srikanth asked on 08 Jul 2009, 09:03 AM
Hi

   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> 
                &nbsp;&nbsp;<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

No answers yet. Maybe you can help?

Tags
Menu
Asked by
srikanth
Top achievements
Rank 1
Share this question
or