1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MixControls.aspx.cs" Inherits="ZeeControls2Demo.LayoutExamples.MixControls" StylesheetTheme="default" %>
2
3 <%@ Register Assembly="ZettaCube.ZeeControls" Namespace="ZettaCube.ZeeControls" TagPrefix="cc1" %>
4
5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6
7 <html xmlns="http://www.w3.org/1999/xhtml" >
8 <head runat="server">
9 <title>Mixing Controls</title>
10 <style type="text/css">
11 .ZCWDMainContent
12 {
13 padding: 0px;
14 border: 0px;
15 }
16 .ZCWD
17 {
18 border: 0px;
19 }
20 .xZCWS
21 {
22 border: 0px;
23 }
24 </style>
25
26 </head>
27 <body>
28 <form id="form1" runat="server">
29 <div>
30 <cc1:WebSplitterContainer ID="WebSplitterContainer1" runat="server" Height="647px"
31 Orientation="Horizontal" Width="915px" FitParent="FitWindow">
32 <Panels>
33 <cc1:WebSplitterPanel runat="server" CanCollapse="Backward" PreferredSize="60" Resizable="False">
34 <Content>
35 <strong>Mixing Controls</strong><br />
36 <br />
37 Different types of containers can be mixed and nested within another.
38 </Content>
39 </cc1:WebSplitterPanel>
40 <cc1:WebSplitterPanel runat="server" Filled="True">
41 <Content>
42 <cc1:WebDock ID="WebDock1" runat="server" Height="450px" Width="600px">
43 <TabStripProps ImagesFolderUrl="~/images/tabs" />
44 <Panels>
45 <cc1:WebDockPanel runat="server" Dock="Bottom" PreferredSize="150">
46 <Tabs>
47 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Output.gif" Title="Output">
48 <Content>
49 <cc1:WebSplitterContainer ID="WebSplitterContainer3" runat="server" Height="200px"
50 Width="200px">
51 <Panels>
52 <cc1:WebSplitterPanel runat="server">
53 <Content>
54 Web Splitter in a tabbed panel<br />
55 <br />
56 Web Splitter panel 1
57 </Content>
58 </cc1:WebSplitterPanel>
59 <cc1:WebSplitterPanel runat="server">
60 <Content>
61 Web Splitter panel 2
62 </Content>
63 </cc1:WebSplitterPanel>
64 </Panels>
65 </cc1:WebSplitterContainer>
66 </Content>
67 </cc1:WebDockTabbedPanel>
68 <cc1:WebDockTabbedPanel runat="server" ImageFileName="BreakPoints.gif" Title="Breakpoints">
69 </cc1:WebDockTabbedPanel>
70 </Tabs>
71 </cc1:WebDockPanel>
72 <cc1:WebDockPanel runat="server" PreferredSize="150">
73 <Tabs>
74 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Folders.gif" Title="Folders">
75 <Content>
76 <cc1:WebSplitterContainer ID="WebSplitterContainer2" runat="server" Height="200px"
77 Orientation="Horizontal" Width="200px">
78 <Panels>
79 <cc1:WebSplitterPanel runat="server" Filled="True">
80 <Content>
81 Web Splitter in a tabbed panel<br />
82 <br />
83 Web Splitter panel 1
84 </Content>
85 </cc1:WebSplitterPanel>
86 <cc1:WebSplitterPanel runat="server" CanCollapse="Forward">
87 <Content>
88 Web Splitter panel 2
89 </Content>
90 </cc1:WebSplitterPanel>
91 </Panels>
92 </cc1:WebSplitterContainer>
93 </Content>
94 </cc1:WebDockTabbedPanel>
95 <cc1:WebDockTabbedPanel runat="server" ImageFileName="DocOutline.gif" Title="Document Outline">
96 <Content>
97 <cc1:WebLayout ID="WebLayout3" runat="server" Height="200px" Orientation="Horizontal"
98 Width="200px">
99 <Panels>
100 <cc1:WebLayoutPanel runat="server">
101 <Content>
102 WebLayout in a tabbed panel<br />
103 <br />
104 WebLayout panel 1
105 </Content>
106 </cc1:WebLayoutPanel>
107 <cc1:WebLayoutPanel runat="server">
108 <Content>
109 WebLayout panel 2
110 </Content>
111 </cc1:WebLayoutPanel>
112 <cc1:WebLayoutPanel runat="server">
113 <Content>
114 WebLayout panel 3
115 </Content>
116 </cc1:WebLayoutPanel>
117 </Panels>
118 </cc1:WebLayout>
119 </Content>
120 </cc1:WebDockTabbedPanel>
121 </Tabs>
122 </cc1:WebDockPanel>
123 <cc1:WebDockPanel runat="server" Dock="Right" DockingState="AutoHidden" PreferredSize="150">
124 <Tabs>
125 <cc1:WebDockTabbedPanel runat="server" ImageFileName="References.gif" Title="References">
126 </cc1:WebDockTabbedPanel>
127 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Properties.gif" Title="Properties">
128 </cc1:WebDockTabbedPanel>
129 </Tabs>
130 </cc1:WebDockPanel>
131 </Panels>
132 <MainContent>
133 <cc1:WebLayoutLite ID="WebLayoutLite1" runat="server" Height="200px" Orientation="Horizontal"
134 Width="200px">
135 <Panels>
136 <cc1:WebLayoutLitePanel runat="server">
137 <Content>
138 WebLayoutLite in the main content area of WebDock<br />
139 <br />
140 WebLayoutLite panel 1
141 </Content>
142 </cc1:WebLayoutLitePanel>
143 <cc1:WebLayoutLitePanel runat="server">
144 <Content>
145 WebLayoutLite panel 2
146 </Content>
147 </cc1:WebLayoutLitePanel>
148 </Panels>
149 </cc1:WebLayoutLite>
150 </MainContent>
151 </cc1:WebDock>
152 </Content>
153 </cc1:WebSplitterPanel>
154 </Panels>
155 </cc1:WebSplitterContainer>
156
157 </div>
158 </form>
159 </body>
160 </html>
161
1 using System;
2 using System.Data;
3 using System.Configuration;
4 using System.Collections;
5 using System.Web;
6 using System.Web.Security;
7 using System.Web.UI;
8 using System.Web.UI.WebControls;
9 using System.Web.UI.WebControls.WebParts;
10 using System.Web.UI.HtmlControls;
11
12 namespace ZeeControls2Demo.LayoutExamples
13 {
14 public partial class MixControls : System.Web.UI.Page
15 {
16 protected void Page_Load(object sender, EventArgs e)
17 {
18
19 }
20 }
21 }
22
1 body
2 {
3 font-family: Tahoma, Geneva;
4 font-size: 10pt;
5 }
6
7 .ZCWDMainContent, .ZCWDPanelContent
8 {
9 padding: 3px;
10 }
11
12 .ZCWDPanelTitleBar
13 {
14 padding-left: 3px;
15 }
16
17 .ZCWSPanel
18 {
19 padding: 3px;
20 }
21
22 .title
23 {
24 display: block;
25 font-weight:bold;
26 line-height: 24px;
27 }
28
29 .indent
30 {
31 padding: 10px;
32 padding-left: 30px;
33 }
34
35 .blah
36 {
37 color: Gray;
38 }
39
40 .tableRowHeader
41 {
42 color: #666666;
43 }
44
45 .tableColumnHeader
46 {
47 color: #666666;
48 }
49
1 <%--
2 Default skin template. The following skins are provided as examples only.
3
4 1. Named control skin. The SkinId should be uniquely defined because
5 duplicate SkinId's per control type are not allowed in the same theme.
6
7 <asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >
8 <AlternatingRowStyle BackColor="Blue" />
9 </asp:GridView>
10
11 2. Default skin. The SkinId is not defined. Only one default
12 control skin per control type is allowed in the same theme.
13
14 <asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
15 --%>