May 26, 2008, 10:02 AM
[CLOSED] Master Pages and ViewPort Control (v0.5 Beta / Preview)
Hiya folks,
First of I want to say kudos on a great control library.
How would I go about implementing the following:
Master Page:
a.) Two (2) Regions / Areas:
i.) North (For Navigation purposes)
ii.) South (For Child Content)
Child Page:
a.) Four (4) Regions / Areas (ala ViewPort):
i.) North
ii.) East
iii.) Center
iv.) West
Creating the the 2 regions on the master page was easy enough - just added 2 ext:Panels to the page
For me, the trickey part came with the "child" page.
If I make use of the ext:ViewPort control, the Panels on the master page are not shown / displayed.
Regards
Steven O'Connor
First of I want to say kudos on a great control library.
How would I go about implementing the following:
Master Page:
a.) Two (2) Regions / Areas:
i.) North (For Navigation purposes)
ii.) South (For Child Content)
Child Page:
a.) Four (4) Regions / Areas (ala ViewPort):
i.) North
ii.) East
iii.) Center
iv.) West
Creating the the 2 regions on the master page was easy enough - just added 2 ext:Panels to the page
<%@ Master Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Site.Master Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="extScriptManager" runat="server" CleanResourceUrl="True" Theme="Gray" />
<ext:Panel ID="northPanel" runat="server" AutoHeight="True" Title="Site.Master North Panel" Header="True">
<Content>
</Content>
</ext:Panel>
<ext:Panel ID="southPanel" runat="server" AutoHeight="True" Title="Site.Master South Panel" Header="True">
<Content>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" />
</Content>
</ext:Panel>
</form>
</body>
</html>
For me, the trickey part came with the "child" page.
If I make use of the ext:ViewPort control, the Panels on the master page are not shown / displayed.
<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" Title="Default Page" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<ext:ViewPort ID="ViewPort1" runat="server">
<Content>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North Collapsible="True" Split="True">
<ext:Panel ID="Panel2" runat="server" Height="100" Title="North" />
</North>
<East Collapsible="true" Split="true">
<ext:Panel ID="Panel3" runat="server" Title="East" Width="175">
<Content>
<ext:FitLayout ID="FitLayout1" runat="server">
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTab="0" Border="false" TabPosition="Bottom" Title="Title">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Tab 1" />
<ext:Tab ID="Tab2" runat="server" Title="Tab 2" />
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Content>
</ext:Panel>
</East>
<West Collapsible="true" Split="true">
<ext:Panel ID="Panel5" runat="server" Title="West" Width="175">
<Content>
<ext:Accordion ID="Accordion1" runat="server" Animate="true">
<ext:Panel ID="Panel6" runat="server" Border="false" Collapsed="True" Icon="FolderGo" Title="Item 1" />
<ext:Panel ID="Panel7" runat="server" Border="false" Collapsed="true" Icon="FolderWrench" Title="Item 2" />
</ext:Accordion>
</Content>
</ext:Panel>
</West>
<Center>
<ext:Panel ID="Panel8" runat="server" Title="Center">
<Content>
<ext:FitLayout ID="FitLayout2" runat="server">
<ext:TabPanel ID="TabPanel2" runat="server" ActiveTab="0" Border="false" Title="Center">
<Tabs>
<ext:Tab ID="Tab3" runat="server" Closeable="true" Title="Tab 1" />
<ext:Tab ID="Tab4" runat="server" Title="Tab 2" />
</Tabs>
</ext:TabPanel>
</ext:FitLayout>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Content>
</ext:ViewPort>
</asp:Content>
Given the above, how would I attempt to create a viewport area (which does not make use of the entire webpage)?Regards
Steven O'Connor