<window border="normal" hflex="min" style="margin:0px auto;" title="Welcome! New User">
2
<grid id="formGrid" hflex="min" ctrlKeys="^h">
3 <auxhead>
4
<auxheader colspan="2" label="Registration Form" iconSclass="z-icon-user-circle-o"/>
5 </auxhead>
6 <columns visible="false">
7 <column/>
8 <column/>
9 </columns>
10 <rows>
11 <row id="nameRow">
12
13 User Name
14 <textbox id="nameBox" hflex="1" constraint="no empty"/>
15 </row>
16 <row>
17 Gender:
18
<radiogroup id="genderRadio">
19 <radio label="Male" value="male" iconSclass="z-icon-male" checked="true"/>
20 <radio label="Female" value="female" iconSclass="z-icon-female"/>
21 </radiogroup>
22 </row>
23 <row>
24 Birthday
25 <datebox id="birthdayBox" hflex="1" constraint="no empty, no today, no future"/>
26 </row>
27 <row spans="2" align="center">
28 <hlayout>
29 <checkbox id="acceptTermBox"/>
30 <label value=" Accept Term of Use (Click for detail)" popup="termDetail, position=end_after"
31 style="cursor: pointer"/>
32 </hlayout>
33 </row>
34 <row spans="2" align="right">
35 <hlayout>
36 <label value="Help (Ctrl+h)"/>
37 <button id="resetButton" label="Reset"/>
38 <button id="submitButton" label="Submit" disabled="true"/>
39 </hlayout>
40 </row>
41 </rows>
42 </grid>
43 ...
44 </window>