1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Css.aspx.cs" Inherits="ZeeControls2Demo.WebLayout.Basic.Css" 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>CSS</title>
10
11 <script type="text/javascript" src="../../common.js"></script>
12
13 <style type="text/css">
14
15 /* Override default styles */
16 .ZCWS
17 {
18 border: #1d4976 20px solid;
19 }
20
21 .ZCWSPanel, .ZCWSParentPanel
22 {
23 background-color: #a6d2ff;
24 }
25
26 /* Padding is not applied to parent panels (which have a nested container) so that vertical and horizontal splitters
27 won't be 'disconnected'.
28 */
29 .ZCWSPanel
30 {
31 padding: 3px;
32 }
33
34 /* Define new classes for individual panels */
35 .MyCssClass1
36 {
37 background-color: #caffc1;
38 border: 1px dashed green;
39 font-size: large;
40 padding: 20px;
41 }
42
43 .MyCssClass2
44 {
45 background-color: #f6f1bc;
46 border: 5px solid #cbbe29;
47 margin: 3px;
48 padding: 10px;
49 font-size: x-small;
50 font-family: Times;
51 }
52
53 </style>
54
55
56 </head>
57 <body>
58 <form id="form1" runat="server">
59 <div>
60 <cc1:WebLayout ID="WebLayout1" runat="server" FitParent="FitWindow"
61 Height="698px" Width="815px" Orientation="Horizontal"><Panels>
62 <cc1:WebLayoutPanel runat="server" PreferredSize="150" >
63 <Content>
64 <strong>
65 Panel Styling With CSS </strong>
66 <p>Containers and panels can be styled with CSS.</p>
67
68 <div id="blah1" class="blah"></div>
69
70 </Content>
71 </cc1:WebLayoutPanel>
72 <cc1:WebLayoutPanel runat="server" Filled="True" ><Content>
73 <cc1:WebLayout id="WebLayout2" runat="server" width="200px" height="200px" FitParent="FitParentContainer"><Panels>
74 <cc1:WebLayoutPanel runat="server" ></cc1:WebLayoutPanel>
75 <cc1:WebLayoutPanel runat="server" Filled="True" >
76 <Content>
77 <cc1:WebLayout ID="WebLayout3" runat="server" FitParent="FitParentContainer"
78 Height="200px" Orientation="Horizontal" Width="200px">
79 <Panels>
80 <cc1:WebLayoutPanel runat="server" Filled="True" CssClass="MyCssClass1">
81 <Content>
82 <div id="blah2" class="blah"></div>
83 </Content>
84 </cc1:WebLayoutPanel>
85 <cc1:WebLayoutPanel runat="server">
86 </cc1:WebLayoutPanel>
87 </Panels>
88 </cc1:WebLayout>
89 </Content>
90 </cc1:WebLayoutPanel>
91 <cc1:WebLayoutPanel runat="server" CssClass="MyCssClass2">
92 <Content>
93 <div id="blah3" class="blah"></div>
94 </Content>
95 </cc1:WebLayoutPanel>
96 </Panels>
97 </cc1:WebLayout>
98 </Content>
99 </cc1:WebLayoutPanel>
100 </Panels>
101 </cc1:WebLayout>
102
103 </div>
104 </form>
105
106
107 <script type="text/javascript">
108 GenLongContent('blah1', 1);
109 GenLongContent('blah2', 1);
110 GenLongContent('blah3', 1);
111 </script>
112
113 </body>
114 </html>
115
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.WebLayout.Basic
13 {
14 public partial class Css : 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 --%>