1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PreserveStates.aspx.cs" Inherits="ZeeControls2Demo.WebDock.Basic.PreserveStates" Theme="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>Preserving Panel States</title>
10 <script type="text/javascript" src="../../common.js"></script>
11 </head>
12 <body>
13 <form id="form1" runat="server">
14 <div>
15
16 <cc1:WebDock ID="WebDock1" runat="server" FitParent="FitWindow" Height="689px" Width="838px">
17 <TabStripProps ImagesFolderUrl="~/images/tabs" />
18 <Panels>
19 <cc1:WebDockPanelGroup runat="server" Dock="Bottom" PreferredSize="200">
20 <Panels>
21 <cc1:WebDockPanel runat="server" ActiveTabIndex="1">
22 <Tabs>
23 <cc1:WebDockTabbedPanel ID="WebDockTabbedPanel1" runat="server" ImageFileName="Projects.gif" Title="Projects">
24 <Content>
25 Content of Projects
26 <div id="blah1" class="blah"></div>
27 </Content>
28 </cc1:WebDockTabbedPanel>
29 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Breakpoints.gif" Title="Breakpoints">
30 <Content>
31 Content of Breakpoints
32 <div id="blah2" class="blah"></div>
33 </Content>
34 </cc1:WebDockTabbedPanel>
35 </Tabs>
36 </cc1:WebDockPanel>
37 <cc1:WebDockPanel runat="server" ActiveTabIndex="1">
38 <Tabs>
39 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Output.gif" Title="Output">
40 <Content>
41 Content of Output
42 <div id="blah3" class="blah"></div>
43 </Content>
44 </cc1:WebDockTabbedPanel>
45 <cc1:WebDockTabbedPanel runat="server" ImageFileName="FindResults.gif" Title="Find Results">
46 <Content>
47 Content of Find Results
48 <div id="blah4" class="blah"></div>
49 </Content>
50 </cc1:WebDockTabbedPanel>
51 </Tabs>
52 </cc1:WebDockPanel>
53 </Panels>
54 </cc1:WebDockPanelGroup>
55 <cc1:WebDockPanelGroup runat="server" Dock="Right" PreferredSize="200">
56 <Panels>
57 <cc1:WebDockPanel runat="server" Dock="Top">
58 <Tabs>
59 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Servers.gif" Title="Servers">
60 <Content>
61 Content of Servers
62 <div id="blah5" class="blah"></div>
63 </Content>
64 </cc1:WebDockTabbedPanel>
65 </Tabs>
66 </cc1:WebDockPanel>
67 <cc1:WebDockPanel runat="server" ActiveTabIndex="1" Dock="Top">
68 <Tabs>
69 <cc1:WebDockTabbedPanel runat="server" ImageFileName="References.gif" Title="References">
70 <Content>
71 Content of References
72 <div id="blah6" class="blah"></div>
73 </Content>
74 </cc1:WebDockTabbedPanel>
75 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Properties.gif" Title="Properties">
76 <Content>
77 Content of Properties
78 <div id="blah7" class="blah"></div>
79 </Content>
80 </cc1:WebDockTabbedPanel>
81 </Tabs>
82 </cc1:WebDockPanel>
83 </Panels>
84 </cc1:WebDockPanelGroup>
85 <cc1:WebDockPanel runat="server">
86 <Tabs>
87 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Folders.gif" Title="Folders">
88 <Content>
89 Content of Folders
90 <div id="blah8" class="blah"></div>
91 </Content>
92 </cc1:WebDockTabbedPanel>
93 </Tabs>
94 </cc1:WebDockPanel>
95 </Panels>
96 <MainContent>
97 <strong>
98 Preserve Panel States Across Postbacks</strong><br />
99 <br />
100 Panel states, active tabs, splitter positions, and scroll bars positions are preserved
101 across postbacks.<br />
102 <br />
103 Try resizing / auto-hiding panels, selecting tabs, scrolling panel content, and
104 then click the following button to trigger a postback.<br />
105 <br />
106 <asp:Button ID="Button1" runat="server" Text="Postback" />
107 </MainContent>
108 <ActionButtonProps ShowMaximize="True" />
109 </cc1:WebDock>
110
111 <script type="text/javascript">
112 GenLongContent('blah1', 1);
113 GenLongContent('blah2', 1);
114 GenLongContent('blah3', 1);
115 GenLongContent('blah4', 1);
116 GenLongContent('blah5', 1);
117 GenLongContent('blah6', 1);
118 GenLongContent('blah7', 1);
119 GenLongContent('blah8', 1);
120 </script>
121
122
123 </div>
124 </form>
125
126
127 </body>
128 </html>
129
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.WebDock.Basic
13 {
14 public partial class PreserveStates : 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 --%>