May 06, 2011, 8:23 PM
[CLOSED] Page Layout
I'm trying to split the center area in 2 somehow, giving me a layout that looks like 4 different areas (hopefully collapsable), I can't seem to find anything that works. Any suggestions?
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SqlClient" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
protected void DetailsTabsChanged(object sender, EventArgs e)
{
}
</script>
<!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 id="Head1" runat="server">
<title></title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.west-panel .x-layout-collapsed-west{
background: url(collapsed-west.png) no-repeat center;
}
</style>
</head>
<body>
<form id="formPRD" runat="server">
<ext:Panel ID="pnlds" runat="server" EnableViewState="true">
<Content>
<div>
<ext:ResourceManager ID="resManagerPRD" runat="server"
EnableViewState="true"
ShowWarningOnAjaxFailure="false" />
<ext:Viewport ID="viewportPRD" runat="server" EnableViewState="true">
<Items>
<ext:BorderLayout ID="BorderLayoutPRD" runat="server">
<North Collapsible="true" MarginsSummary="0 5 5 5">
<ext:TabPanel ID="tbpnlDetails" runat="server" Frame="true" Height="200" AutoScroll="true">
<DirectEvents>
<TabChange OnEvent="DetailsTabsChanged">
</TabChange>
</DirectEvents>
<Items>
<ext:Panel ID="pnlFSRHistory" runat="server" Title="1" Layout="Fit" AutoScroll="true">
<Content>
</Content>
</ext:Panel>
<ext:FormPanel ID="frmPanelComments" runat="server" Title="2" AutoScroll="true">
<Content>
<div>
<ext:Panel ID="pnlAddComment" runat="server" Height="60" Hidden="true">
<Content>
<table border="0" cellspacing="5" width="900">
</table>
</Content>
</ext:Panel>
</div>
</Content>
</ext:FormPanel>
<ext:Panel ID="pnlEmails" runat="server" Title="3" Layout="Fit" AutoScroll="true">
<Content>
</Content>
</ext:Panel>
</Items>
<Listeners>
<Expand Handler="" />
</Listeners>
</ext:TabPanel>
</North>
<Center Collapsible="false" MarginsSummary="0 5 0 5" Split="true">
<ext:TabPanel ID="TabPanel1" runat="server" Frame="true" Height="200" AutoScroll="true">
<DirectEvents>
<TabChange OnEvent="DetailsTabsChanged">
</TabChange>
</DirectEvents>
</ext:TabPanel>
</Center>
<West Collapsible="true" MinWidth="175" Split="true">
<ext:Panel ID="Panel1"
runat="server"
Width="175"
CtCls="west-panel"
Title="Navigation"
Collapsed="false"
Padding="5"
Html="Machos"
/>
</West>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</div>
</Content>
</ext:Panel>
</form>
</body>
</html>
Last edited by Daniil; May 17, 2011 at 1:52 PM.
Reason: Please use [CODE] tags, [CLOSED]