Need Similar kind of Menu that used in this (telerik) site

[srikanth]

Hi

   I want a RadMenu similar to the one that used in this site.

  In this is site we have RadMenuItems like PRODUCTS, CONSULTING, PURCHASE, SUPPORT , COMMUNITY,COMPANY etc..
  For PRODUCTS Radmenu item you have used a button beside it. If i click on it then only it will open its childItems. How can I do this kind of one..

   Please give me sample code

  Thanks
  Srikanth gn

[Shinu]

Hi Srikanth,

One suggestion would be adding Label and img control in ItemTemplate of RootMenuItem in order to accomplish this functionality. Have a look at following code.

ASPX:

<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>

JavaScript:

<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>

Thanks,
Shinu