[2.0] Menu problem with AccordionLayout
Hi, my code below has some issue:
1. "Panel1" with AccordionLayout is unable to set style: color, font. Just background is fine.
2. Menu panel "mn01" & "mn02" unable to change background like "Panel1", if change Layout other than AccordionLayout --> they changed
3. Style menu-panel not work, i want to set background to transparent or white
4. Menu panel "mn02" has quite many items --> a scroll bar is show, but i when scroll to bottom, why "item09" not visible completely
5. Menu panel "mn01" set collapsed = true, "mn02" collapsed = false but not work
Code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="TestExtProject.WebForm3" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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></title>
<style type="text/css">
.header-panel .x-panel-header
{
color: #333;
font-weight: normal;
font-size: 50px;
font-family: tahoma,arial,verdana,sans-serif;
border-color: #308450;
background: Yellow;
}
.menu-panel .x-menu
{
background: Transparent;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="MainSiteForm" />
<ext:Viewport ID="ViewPort1" runat="server">
<Items>
<ext:Panel ID="Panel1" runat="server" Title="Menu Panel" Layout="AccordionLayout"
Border="true" Width="180" CollapseMode="Default" TitleCollapse="true" Cls="header-panel"
Collapsible="true" AutoScroll="true" Height="300">
<Items>
<ext:MenuPanel ID="mn01" runat="server" Border="false" SaveSelection="false" Title="Menu 01"
AutoScroll="true" Cls="menu-panel" Collapsed="true">
<Menu ID="Menu1" runat="server">
<Items>
<ext:MenuItem runat="server" Text="Item 01" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 02" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 03" Icon="Money" />
</Items>
</Menu>
</ext:MenuPanel>
<ext:MenuPanel ID="mn02" runat="server" Title="Menu 02" Border="false" SaveSelection="false"
Cls="menu-panel" Collapsed="false">
<Menu ID="Menu3" runat="server" AutoScroll="true">
<Items>
<ext:MenuItem runat="server" Text="Item 01" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 02" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 03" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 04" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 05" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 06" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 07" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 08" Icon="Money" />
<ext:MenuItem runat="server" Text="Item 09" Icon="Money" />
</Items>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
