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

[Solved] Menu expanded from another element

1 Answer 223 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 1
Scott asked on 09 Jun 2009, 05:52 PM
How would I go about having a RadMenu expand when a user mouses over another control (ex: LinkButton)? 

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 10 Jun 2009, 05:30 AM
Hi Scott,

Have a look at the code which demostrates how to open menu item on mouseover of LinkButton.

ASPX:
 
<telerik:RadMenu ID="RadMenu1" runat="server">        
    <Items>       
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">        
            <Items>       
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">        
                </telerik:RadMenuItem>       
                <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">        
                </telerik:RadMenuItem>       
            </Items>       
        </telerik:RadMenuItem>       
         . . .                    
    </Items>       
</telerik:RadMenu>       
<asp:LinkButton ID="LinkButton1" runat="server" onmouseout="closeMenu();" onmouseover="openMenu();">LinkButton</asp:LinkButton> 

JavaScript:
 
<script type="text/javascript">  
function openMenu()  
{  
    var menu = $find("<%= RadMenu1.ClientID %>");  
    var menumenuItem = menu.findItemByText("Root RadMenuItem1");   
    menuItem.open();  // Expend the menu item  
}  
function closeMenu()  
{  
    var menu = $find("<%= RadMenu1.ClientID %>");  
    var menumenuItem = menu.findItemByText("Root RadMenuItem1");  
    menuItem.close();  
}  
</script> 
Go through the follwoing link for more information about RadMenu client side methods.
Client-Side Basics
RadMenuItem object

Thanks,
Princy.
Tags
Menu
Asked by
Scott
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or