I am setting <GroupSettings Height="100px"></GroupSettings> to enable scrolling and it' not working. Instead the menu height grows to the height of the screen, no matter what value is set for "Height". I have version 2008.2.804.20
Here's my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MenuTest2.aspx.cs" Inherits="MenuTest2" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menu Test 2</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<telerik:RadMenu ID="RadMenu1" runat="server" EnableAutoScroll="True"
Height="20px" Skin="Outlook" Font-Bold="True" EnableEmbeddedSkins="True" >
<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>
</div>
</form>
</body>
</html>
If I leave out the <GroupSettings Height="100px"></GroupSettings>, the menu height is the height required to display the items in the menu.
How to I get scrolling to work???
Thanks in advance.
Here's my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MenuTest2.aspx.cs" Inherits="MenuTest2" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Menu Test 2</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<telerik:RadMenu ID="RadMenu1" runat="server" EnableAutoScroll="True"
Height="20px" Skin="Outlook" Font-Bold="True" EnableEmbeddedSkins="True" >
<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>
</div>
</form>
</body>
</html>
If I leave out the <GroupSettings Height="100px"></GroupSettings>, the menu height is the height required to display the items in the menu.
How to I get scrolling to work???
Thanks in advance.