<?page id="simplePage" title="Simple ZK Application"?>

 <window id="simpleWindow" use="com.ebpm.webdemo.zk.SimpleWindow" title="Simple ZK Demo" border="normal"

             width="800px" height="500px">
    <caption label="(C) EBPM AG"/>
    <grid>
    <rows>
    <row>* Lastname: <textbox id="lastname" width="300px" /></row>
    <row>* Firstname: <textbox id="firstname" width="300px"/></row>
    <row> Address: <textbox id="address" width="300px"/></row>
    <row> Weight: <textbox id="weight" width="50px"/></row>
    <row> Birthdate: <datebox id="birthdate" format="dd.MM.yyyy"/></row>
      <row spans="2"> 
            <hbox>
                  What is your favorite color?:
                  <combobox id="color">
                        <comboitem label="Red" description="Red means Red ;-)"/>
                        <comboitem label="Green"/>
                        <comboitem label="Blue"/>
                  </combobox>      
            </hbox>
      </row>
      <row spans="2"> 
            <hbox>
                  <checkbox id="married" label="Are you married?"/>
            </hbox>
      </row>
      <row spans="2">
            <groupbox>
                  <caption label="How much do you like yourself?:"/>
                  <radiogroup id="rating">
                        <radio value="1" label="Actually, I hate me."/>
                        <radio value="2" label="Not so much."/>
                        <radio value="3" label="I'm indifferent."/>
                        <radio value="4" label="I'm pretty neat."/>
                        <radio value="5" label="I'm totally in love with me."/>
                  </radiogroup>          
            </groupbox>
      </row>
    </rows>
    </grid>
      <separator/>
      <button label="Submit" onClick="simpleWindow.addPerson()"/><button label="Cancel" onClick="Executions.sendRedirect(&quot;/index.jsp&quot;)"/>
      <separator/>
      <grid id="personsGrid">
            <columns sizable="true">
                  <column label="First Name"/>
                  <column label="Last Name"/>
                  <column label="Address"/>
                  <column label="Weight"/>
                  <column label="Birthdate"/>
                  <column label="Color"/>
                  <column label="Married"/>
                  <column label="Rating"/>
            </columns>
            <rows id="personsGridRows"/>
      </grid>
</window>