diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/FieldSet_1.html')
-rw-r--r-- | swat/apps/qooxdoo-examples/test/FieldSet_1.html | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/swat/apps/qooxdoo-examples/test/FieldSet_1.html b/swat/apps/qooxdoo-examples/test/FieldSet_1.html deleted file mode 100644 index 378ffe5d86..0000000000 --- a/swat/apps/qooxdoo-examples/test/FieldSet_1.html +++ /dev/null @@ -1,141 +0,0 @@ -<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 more complex example than the previous one. Use layout managers for its content. Configured minWidth of the qx.ui.groupbox.GroupBox with "auto".</p> - </div> - - <fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset> - - - <script type="text/javascript"> - qx.core.Init.getInstance().defineMain(function() - { - var d = qx.ui.core.ClientDocument.getInstance(); - - var fs = new qx.ui.groupbox.GroupBox("My first Fieldset", "icon/16/clock.png"); - - with(fs) - { - setWidth("40%"); - setBottom(48); - setTop(48); - setLeft(20); - - setMaxWidth(350); - setMinWidth("auto"); - }; - - d.add(fs); - - - - - var fsl = new qx.ui.layout.VerticalBoxLayout; - fsl.setLeft(0); - fsl.setRight(0); - fsl.setHeight("auto"); - fsl.setSpacing(4); - fs.add(fsl); - - - - - var r1 = new qx.ui.layout.HorizontalBoxLayout; - r1.setLeft(0); - r1.setWidth("100%"); - r1.setHeight("auto"); - r1.setVerticalChildrenAlign("middle"); - fsl.add(r1); - - var a1 = new qx.ui.basic.Atom("TextField 1"); - with(a1) - { - setLeft(0); - setWidth("40%"); - setHorizontalChildrenAlign("left"); - }; - - var i1 = new qx.ui.form.TextField; - with(i1) - { - setRight(0); - setWidth("60%"); - }; - - r1.add(a1, i1); - - - - - - var r2 = new qx.ui.layout.HorizontalBoxLayout; - r2.setLeft(0); - r2.setWidth("100%"); - r2.setHeight("auto"); - r2.setVerticalChildrenAlign("middle"); - fsl.add(r2); - - var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/look-and-feel.png"); - with(a2) - { - setLeft(0); - setWidth("40%"); - setHorizontalChildrenAlign("left"); - }; - - var i2 = new qx.ui.form.TextField; - with(i2) - { - setRight(0); - setWidth("60%"); - }; - - r2.add(a2, i2); - - - - - - - var r3 = new qx.ui.layout.HorizontalBoxLayout; - r3.setLeft(0); - r3.setWidth("100%"); - r3.setHeight("auto"); - r3.setVerticalChildrenAlign("middle"); - fsl.add(r3); - - var a3 = new qx.ui.basic.Atom("TextField 3"); - with(a3) - { - setLeft(0); - setWidth("40%"); - setHorizontalChildrenAlign("left"); - }; - - var i3 = new qx.ui.form.TextField; - with(i3) - { - setRight(0); - setWidth("60%"); - }; - - r3.add(a3, i3); - - - - - }); - </script> -</body> -</html> |