diff options
| author | Derrell Lipman <derrell@samba.org> | 2006-12-30 05:09:59 +0000 |
|---|---|---|
| committer | Gerald (Jerry) Carter <jerry@samba.org> | 2007-10-10 14:30:29 -0500 |
| commit | 1170417ceeb8c49a46cda522a38eaa71c9cae30c (patch) | |
| tree | dbf4c3fdcdb1af928dbd55f642ea40f00d09283a /webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html | |
| parent | 23ccdca41670085da4486841b0d4900b4c8b02f3 (diff) | |
| download | samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.tar.gz samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.tar.bz2 samba-1170417ceeb8c49a46cda522a38eaa71c9cae30c.zip | |
r20414: Start to make SWAT usable by others. This is just a start...
(This used to be commit 26a34037a7ca6fbd05c5a6f7c2d5973e34bc6918)
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html')
| -rw-r--r-- | webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html new file mode 100644 index 0000000000..d2a76894f1 --- /dev/null +++ b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/GridLayout_5.html @@ -0,0 +1,85 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>A simple form using qx.ui.layout.GridLayout</p> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var gl = new qx.ui.layout.GridLayout; + + gl.setLocation(20, 48); + gl.setDimension("auto", "auto"); + gl.setBorder(qx.renderer.border.BorderPresets.getInstance().outset); + gl.setPadding(8); + gl.setColumnCount(2); + gl.setRowCount(7); + gl.setVerticalSpacing(4); + gl.setHorizontalSpacing(6); + + gl.setColumnWidth(0, 70); + gl.setColumnWidth(1, 180); + + gl.setColumnHorizontalAlignment(0, "right"); + gl.setColumnVerticalAlignment(0, "middle"); + + gl.setRowHeight(0, 20); + gl.setRowHeight(1, 20); + gl.setRowHeight(2, 20); + gl.setRowHeight(3, 20); + gl.setRowHeight(4, 20); + gl.setRowHeight(5, 70); + gl.setRowHeight(6, 20); + + qx.ui.core.ClientDocument.getInstance().add(gl); + + var label1 = new qx.ui.basic.Label("Given Name"); + var label2 = new qx.ui.basic.Label("Name"); + var label3 = new qx.ui.basic.Label("City"); + var label4 = new qx.ui.basic.Label("Country"); + var label5 = new qx.ui.basic.Label("E-Mail"); + var label6 = new qx.ui.basic.Label("Comment"); + label6.setVerticalAlign("top"); + + label6.setVerticalAlign("top"); + + var input1 = new qx.ui.form.TextField; + var input2 = new qx.ui.form.TextField; + var input3 = new qx.ui.form.TextField; + var input4 = new qx.ui.form.TextField; + var input5 = new qx.ui.form.TextField; + var input6 = new qx.ui.form.TextArea; + var input7 = new qx.ui.form.Button("Submit", "icon/16/apply.png"); + + input7.setHorizontalAlign("right"); + + gl.add(label1, 0, 0); + gl.add(input1, 1, 0); + gl.add(label2, 0, 1); + gl.add(input2, 1, 1); + gl.add(label3, 0, 2); + gl.add(input3, 1, 2); + gl.add(label4, 0, 3); + gl.add(input4, 1, 3); + gl.add(label5, 0, 4); + gl.add(input5, 1, 4); + gl.add(label6, 0, 5); + gl.add(input6, 1, 5); + gl.add(input7, 1, 6); + }); + </script> + +</body> +</html> |