1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Basic.aspx.cs" Inherits="ZeeControls2Demo.WebDock.Basic.Basic" 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>WebDock Basic</title>
10 <script type="text/javascript" src="../../common.js"></script>
11
12 </head>
13 <body>
14 <form id="form1" runat="server">
15 <div>
16 <cc1:WebDock ID="WebDock1" runat="server" FitParent="FitWindow" Height="664px" Width="839px">
17 <MainContent>
18 <strong>WebDock Basics</strong><br />
19 <br />
20 A basic WebDock with 4 WebDockPanels that dock to Top, Left, Bottom, and Right edges
21 respectively. Each dock panel has 1 to 3 tabbed panels.<br />
22 <br />
23 Click the <img src="../../images/actionbuttons/autohide.gif" alt="autohide" />
24 button to autohide the dock panels.<br />
25 <br />
26 When a dock panel is autohidden, a dock bar will be displayed on the corresponding
27 edge of the container. Roll-over a tab on the dock bar will slide-open the corresponding
28 tabbed panel. Click the <img alt="pin" src="../../images/actionbuttons/pin.gif" />
29 button to pin the dock panel.
30 </MainContent>
31 <TabStripProps ImagesFolderUrl="~/images/tabs" />
32 <Panels>
33 <cc1:WebDockPanel runat="server" Dock="Top">
34 <Tabs>
35 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Projects.gif" Title="Projects">
36 <Content>
37 <span style="background-color: lightgreen">
38 Content of Projects</span>
39 </Content>
40 </cc1:WebDockTabbedPanel>
41 </Tabs>
42 </cc1:WebDockPanel>
43 <cc1:WebDockPanel runat="server">
44 <Tabs>
45 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Folders.gif" Title="Folders">
46 <Content>
47 <span style="background-color: thistle">
48 Content of Folders</span>
49 </Content>
50 </cc1:WebDockTabbedPanel>
51 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Servers.gif" Title="Servers">
52 <Content>
53 <span style="background-color: paleturquoise">
54 Content of Servers</span>
55 </Content>
56 </cc1:WebDockTabbedPanel>
57 </Tabs>
58 </cc1:WebDockPanel>
59 <cc1:WebDockPanel runat="server" Dock="Bottom">
60 <Tabs>
61 <cc1:WebDockTabbedPanel runat="server" ImageFileName="FindResults.gif" Title="Find Results">
62 <Content>
63 <span style="background-color: greenyellow">
64 Content of Find Results</span>
65 </Content>
66 </cc1:WebDockTabbedPanel>
67 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Output.gif" Title="Output">
68 <Content>
69 <span style="background-color: khaki">
70 Content of Output</span>
71 </Content>
72 </cc1:WebDockTabbedPanel>
73 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Breakpoints.gif" Title="Breakpoints">
74 <Content>
75 <span style="background-color: powderblue">
76 Content of Breakpoints</span>
77 </Content>
78 </cc1:WebDockTabbedPanel>
79 </Tabs>
80 </cc1:WebDockPanel>
81 <cc1:WebDockPanel runat="server" Dock="Right">
82 <Tabs>
83 <cc1:WebDockTabbedPanel runat="server" ImageFileName="Properties.gif" Title="Properties">
84 <Content>
85 <span style="background-color: orchid">
86 Content of Properties</span>
87 </Content>
88 </cc1:WebDockTabbedPanel>
89 <cc1:WebDockTabbedPanel runat="server" ImageFileName="References.gif" Title="References">
90 <Content>
91 <span style="background-color: powderblue">
92 Content of References</span>
93 </Content>
94 </cc1:WebDockTabbedPanel>
95 </Tabs>
96 </cc1:WebDockPanel>
97 </Panels>
98 </cc1:WebDock>
99
100 </div>
101 </form>
102 </body>
103 </html>
104
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 Basic : 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 --%>