Menu Scrolling when bound to a sitemap

[Keith]

I can get a menu to have a specific root level height and scrolling, if I had code the menu items i.e.

<telerik:RadMenu ID="RadMenu1" runat="server" EnableAutoScroll="True" Height="20px"
                Skin="AFKN" Font-Bold="True" EnableEmbeddedSkins="False" OnItemClick="RadMenu1_ItemClick">
                <collapseanimation type="OutQuint" duration="200"></collapseanimation>
                <items>
                   <telerik:RadMenuItem runat="server" Text="Home" OnItemClick="RadMenu1_ItemClick" NavigateUrl="MenuTest.aspx">
 <GroupSettings Height="100px"> </GroupSettings>
                       <Items>
                           <telerik:RadMenuItem runat="server" Text="Blah"  NavigateUrl="TabTest.aspx">
                         
                               <Items>
                                   <telerik:RadMenuItem runat="server" Text="More Blah Blah" NavigateUrl="#">
                                   </telerik:RadMenuItem>
                               </Items>
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah Blah Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blip Blip" NavigateUrl="#">
                               <Items>
                                   <telerik:RadMenuItem runat="server" Text="More Blip Blip" NavigateUrl="#">
                                    <Items>
                                       <telerik:RadMenuItem runat="server" Text="Blop" NavigateUrl="#"></telerik:RadMenuItem>
                                       <telerik:RadMenuItem runat="server" Text="Blop Blop" NavigateUrl="#"></telerik:RadMenuItem>
                                       <telerik:RadMenuItem runat="server" Text="Blop Blop Blop" NavigateUrl="#"></telerik:RadMenuItem>
                                   </Items>
                                  
                                  
                                   </telerik:RadMenuItem>
                               </Items>
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Bleep Bleep" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Bleep Bleep Bleep" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Bleep Bleep Bleep Bleep" NavigateUrl="#">
                           </telerik:RadMenuItem>                          
                       </Items>
                   </telerik:RadMenuItem>
                   <telerik:RadMenuItem runat="server" Text="About Us" NavigateUrl="#">
                       <Items>
                           <telerik:RadMenuItem runat="server" Text="Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah" NavigateUrl="#">
                               <Items>
                                   <telerik:RadMenuItem runat="server" Text="More Blah Blah" NavigateUrl="#">
                                   </telerik:RadMenuItem>
                               </Items>
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                           <telerik:RadMenuItem runat="server" Text="Blah Blah Blah Blah" NavigateUrl="#">
                           </telerik:RadMenuItem>
                       </Items>
                   </telerik:RadMenuItem>
                   <telerik:RadMenuItem runat="server" Text="Services" NavigateUrl="#">
                   </telerik:RadMenuItem>
                   <telerik:RadMenuItem runat="server" Text="Case Studies" NavigateUrl="#">
                   </telerik:RadMenuItem>
               </items>
            </telerik:RadMenu>

However, how do I get the same behavior, when bound to a site map? i.e.

 <asp:SiteMapDataSource ID="siteMapDataSource" runat="server"
  SiteMapProvider="GlobalNavigationSiteMap" StartingNodeOffset="0"  ShowStartingNode="False"/>

    <telerik:RadMenu ID="radMenuMainNav" runat="server" EnableAutoScroll="True" Height="20px"
        DataSourceID="siteMapDataSource"  Flow="Horizontal">
        <collapseanimation type="OutQuint" duration="200"></collapseanimation>
    </telerik:RadMenu>

Thanks in advance,

Keith

[Kate]

Hi Keith,

In general you should be able to set these properties no matter how you bind the Radmenu control. To specify the item whose group settings you need to set you can first find it in code behind and set the desired group height as follows:

code behind:

protected void RadMenu1_ItemDataBound(object sender, Telerik.Web.UI.RadMenuEventArgs e)
    {
        if (e.Item.Text == "Home")
        {
            e.Item.GroupSettings.Height = Unit.Pixel(100);
        }
    }

markup:

<telerik:RadMenu ID="RadMenu1" runat="server" DataSourceID="SiteMapDataSource1"
            onitemdatabound="RadMenu1_ItemDataBound">

        </telerik:RadMenu>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />

Best wishes,
Kate
the Telerik team