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>Test for qx.ui.groupbox.CheckGroupBox
</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
.CheckGroupBox("CheckBox FieldSet");
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/appearance.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
;
139 fs
.getLegendObject().addEventListener("changeChecked", function(e
) {
140 i1
.setEnabled(e
.getData());
141 i2
.setEnabled(e
.getData());
142 i3
.setEnabled(e
.getData());
144 a1
.setEnabled(e
.getData());
145 a2
.setEnabled(e
.getData());
146 a3
.setEnabled(e
.getData());