3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
12 <script type="text/javascript" src="../../script/layout.js"></script>
14 <div id="demoDescription">
15 <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>
18 <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>
21 <script type="text/javascript">
22 qx.core.Init.getInstance().defineMain(function()
24 var d = qx.ui.core.ClientDocument.getInstance();
26 var fs = new qx.ui.groupbox.GroupBox("My first Fieldset", "icon/16/clock.png");
44 var fsl = new qx.ui.layout.VerticalBoxLayout;
47 fsl.setHeight("auto");
54 var r1 = new qx.ui.layout.HorizontalBoxLayout;
58 r1.setVerticalChildrenAlign("middle");
61 var a1 = new qx.ui.basic.Atom("TextField 1");
66 setHorizontalChildrenAlign("left");
69 var i1 = new qx.ui.form.TextField;
82 var r2 = new qx.ui.layout.HorizontalBoxLayout;
86 r2.setVerticalChildrenAlign("middle");
89 var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/look-and-feel.png");
94 setHorizontalChildrenAlign("left");
97 var i2 = new qx.ui.form.TextField;
111 var r3 = new qx.ui.layout.HorizontalBoxLayout;
114 r3.setHeight("auto");
115 r3.setVerticalChildrenAlign("middle");
118 var a3 = new qx.ui.basic.Atom("TextField 3");
123 setHorizontalChildrenAlign("left");
126 var i3 = new qx.ui.form.TextField;