1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PanelProps.aspx.cs" Inherits="ZeeControls2Demo.WebDock.Basic.PanelProps" 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>Panel Properties</title>
10 <script type="text/javascript" src="../../common.js"></script>
11
12 </head>
13 <body>
14 <form id="form1" runat="server">
15 <div>
16
17 <cc1:WebDock ID="WebDock1" runat="server" FitParent="FitWindow" Height="664px" Width="839px">
18 <MainContent>
19 <strong>
20 Panel Properties<br />
21 </strong>
22 <br />
23 Panels can be pinned, autohidden, closed or maximized.
24 The left and bottom panels are set to autohidden initially.<br />
25 <br />
26 You can selectively
27 enable corresponding action buttons, and can choose to enable
28 a button either on all dock panels, or only on a specific one. For example,
29 all dock panels could be closed, except the bottom one.<br />
30 <br />
31 When a panel is closed, it is hidden from the user. There is no built-in UI to re-open
32 the panel. Closed panels can be re-opened with a client API call.<br />
33 <input id="Button1" type="button" value="Restore closed panels" onclick="RestoreHiddenPanels();return false;" />
34 </MainContent>
35 <TabStripProps ImagesFolderUrl="~/images/tabs" />
36 <Panels>
37 <cc1:WebDockPanel runat="server" DockingState="AutoHidden" ID="PanelLeft">
38 <Tabs>
39 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Folders.gif" Title="Folders">
40 <Content>
41 Content of Folders
42 </Content>
43 </cc1:WebDockTabbedPanel>
44 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Servers.gif" Title="Servers">
45 <Content>
46 Content of Servers
47 </Content>
48 </cc1:WebDockTabbedPanel>
49 </Tabs>
50 </cc1:WebDockPanel>
51 <cc1:WebDockPanel runat="server" Dock="Bottom" DockingState="AutoHidden" ID="PanelBottom" ShowClose="False">
52 <Tabs>
53 <cc1:WebDockTabbedPanel runat="server" ImageFileName="FindResults.gif" Title="Find Results">
54 <Content>
55 Content of Find Results
56 </Content>
57 </cc1:WebDockTabbedPanel>
58 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Output.gif" Title="Output">
59 <Content>
60 Content of Output
61 </Content>
62 </cc1:WebDockTabbedPanel>
63 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Breakpoints.gif" Title="Breakpoints">
64 <Content>
65 Content of Breakpoints
66 </Content>
67 </cc1:WebDockTabbedPanel>
68 </Tabs>
69 </cc1:WebDockPanel>
70 <cc1:WebDockPanel runat="server" Dock="Right" ActiveTabIndex="1" ID="PanelRight">
71 <Tabs>
72 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Properties.gif" Title="Properties">
73 <Content>
74 Content of Properties
75 </Content>
76 </cc1:WebDockTabbedPanel>
77 <cc1:WebDockTabbedPanel runat="server" ImageFileName="References.gif" Title="References">
78 <Content>
79 Content of References
80 </Content>
81 </cc1:WebDockTabbedPanel>
82 </Tabs>
83 </cc1:WebDockPanel>
84 </Panels>
85 <ActionButtonProps ShowClose="True" ShowMaximize="True" />
86 </cc1:WebDock>
87
88 </div>
89 </form>
90
91 <script type="text/javascript">
92
93 function RestoreHiddenPanels(){
94 var panelIds = ['<%= PanelLeft.ClientID %>', '<%= PanelBottom.ClientID %>', '<%= PanelRight.ClientID %>'];
95
96 for (var i = 0; i < panelIds.length; i++) {
97 var state = ZCWD.GetPanel(panelIds[i]).GetDockingState();
98 if (state == 3) {
99 ZCWD.GetPanel(panelIds[i]).SetDockingState(0);
100 }
101 }
102 }
103
104 </script>
105
106 </body>
107 </html>
108
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 PanelProps : System.Web.UI.Page
15 {
16 protected void Page_Load(object sender, EventArgs e)
17 {
18 }
19 }
20 }
21
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 --%>