1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PanelSize.aspx.cs" Inherits="ZeeControls2Demo.WebLayout.Basic.PanelSize" 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 Size</title>
10
11 <script type="text/javascript" src="../../common.js"></script>
12
13 </head>
14 <body>
15 <form id="form1" runat="server">
16 <div>
17 <cc1:WebLayout ID="WebLayout1" runat="server" Height="655px"
18 Width="819px" Orientation="Horizontal" FitParent="FitWindow"><Panels>
19 <cc1:WebLayoutPanel runat="server" PreferredSize="200" MinSize="0">
20 <Content>
21 <strong>Panel Size<br />
22 </strong>
23 <p>
24 Although there are no splitter bars between the panels on this page, they will
25 be resized when the browser window is resized.
26 The panels have different property values that affect their sizing behavior. Try resizing the browser window
27 to see the effect.</p>
28 <p>
29 The following two panels fills the remaining height of the browser window. Their relative heights are 1:1, but are also subjected to additional constrains listed below.
30 </p>
31 <p>
32 Relevant panel properties: Filled, MinSize<sup>#</sup>, MaxSize<sup>#</sup>, StepSize<sup>#</sup>.
33 <span style="font-size: 8pt">(# not available in WebLayoutLite)</span></p>
34 </Content>
35 </cc1:WebLayoutPanel>
36 <cc1:WebLayoutPanel runat="server" Filled="true" MaxSize="250" MinSize="50" StepSize="50" BackImageUrl="../../images/100x100.gif">
37 <Content>
38 This panel has a maximum size of 250px, a minimum size of 50px, and a step size of 50px.
39 </Content>
40 </cc1:WebLayoutPanel>
41 <cc1:WebLayoutPanel runat="server" Filled="True" MinSize="100" BackImageUrl="../../images/100x100.gif">
42 <Content>
43 This panel has a minimum size of 100px.
44 </Content>
45 </cc1:WebLayoutPanel>
46 </Panels>
47 </cc1:WebLayout>
48
49 </div>
50
51 <p> </p>
52
53 <div>
54
55
56 </div>
57
58 </form>
59 </body>
60 </html>
61
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 PanelSize : 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 --%>