source: Dev/trunk/src/client/dojox/layout/tests/test_GridContainerLite_doLayout.html

Last change on this file was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 3.1 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5        <title>GridContainerLite - doLayout</title>
6
7        <!-- Specific CSS -->
8        <style type="text/css" title="text/css">
9                /* <![CDATA[ */
10                        @import "../../../dojo/resources/dojo.css";
11                        @import "../../../dijit/themes/tundra/tundra.css";
12
13                        body{
14                                padding-left:10px;
15                        }
16                        .cpane{
17                                border:1px solid #666;
18                                font:bold 12px Arial;
19                                color:#666;
20                                background:#FFF;
21                                padding:5px;
22                                height:100px;
23                        }
24                       
25                        .gridContainerZone > div{
26                                margin: 5px;
27                        }
28                       
29                        .dj_ie6 .dropIndicator, .dj_ie6 .cpane{
30                                margin: 10px;
31                        }
32                /* ]]> */
33        </style>
34       
35        <link rel="stylesheet" href="../resources/GridContainer.css">
36       
37        <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
38
39        <script type="text/javascript" language="javascript">
40                dojo.require("dojox.layout.GridContainerLite");
41                dojo.require("dijit.layout.ContentPane");
42        </script>
43</head>
44
45<body class="orange">
46        <h1>GridContainerLite - doLayout</h1>
47               
48                <div style="position:absolute;top:50px;left:50px;width:400px;">
49                        <h3>doLayout = false</h3>
50                        <p>GridContainer has a fixed no fixed height.</p>
51                        <div id="GC1"
52                                dojoType="dojox.layout.GridContainerLite"
53                                nbZones="3"
54                                isAutoOrganized="true"
55                                doLayout="false">
56                                <div dojoType="dijit.layout.ContentPane" class="cpane">
57                                        Content Pane 1
58                                </div>
59                                <div dojoType="dijit.layout.ContentPane"class="cpane" >
60                                        Content Pane 2
61                                </div>
62                                <div dojoType="dijit.layout.ContentPane" class="cpane">
63                                        Content Pane 3
64                                </div>
65                                <div dojoType="dijit.layout.ContentPane" class="cpane">
66                                        Content Pane 4
67                                </div>
68                                <div dojoType="dijit.layout.ContentPane" class="cpane">
69                                        Content Pane 5
70                                </div>
71                                <div dojoType="dijit.layout.ContentPane" class="cpane">
72                                        Content Pane 6
73                                </div>
74                               
75                        </div>
76                </div>
77                <div style="position:absolute;top:50px;left:500px;width:600px;">
78                        <h3>doLayout = true (default)</h3>
79                        <p>GridContainer has a fixed height.</p>
80                        <div id="GC2"
81                                dojoType="dojox.layout.GridContainerLite"
82                                nbZones="4"
83                                isAutoOrganized="true"
84                                style="height:400px">
85                                <div dojoType="dijit.layout.ContentPane" class="cpane">
86                                        Content Pane 7
87                                </div>
88                                <div dojoType="dijit.layout.ContentPane" class="cpane">
89                                        Content Pane 8
90                                </div>
91                                <div dojoType="dijit.layout.ContentPane" class="cpane">
92                                        Content Pane 9
93                                </div>
94                                <div dojoType="dijit.layout.ContentPane" class="cpane">
95                                        Content Pane 10
96                                </div>
97                                <div dojoType="dijit.layout.ContentPane" class="cpane">
98                                        Content Pane 11
99                                </div>
100                                <div dojoType="dijit.layout.ContentPane" class="cpane">
101                                        Content Pane 12
102                                </div>
103                                <div dojoType="dijit.layout.ContentPane" class="cpane">
104                                        Content Pane 13
105                                </div>
106                                <div dojoType="dijit.layout.ContentPane" class="cpane">
107                                        Content Pane 14
108                                </div>
109                        </div>
110                </div>
111</body>
112</html>
Note: See TracBrowser for help on using the repository browser.