<xal xmlns="http://openxal.org/ui/html"> 
  <borderPane horizontalGap="0" verticalGap="0">
    <borderPane borderPosition="north">
      <menuBar borderPosition="north">
        <menu text="File" accessKey="F">
         <popupMenu text="FilePopupMenu">
          <menuItem text="New..." accessKey="N" shortcutText="Alt+Shift+N"/>
          <menuItem text="Open..." accessKey="O"/>
          <horizontalSeparator width="100"/>
          <menuItem text="Close" accessKey="C" shortcutText="Ctrl+F4"/>
          <horizontalSeparator width="100"/>
          <menuItem text="Save" accessKey="S" shortcutText="Ctrl-S"/>
          <horizontalSeparator/>
          <menuItem text="Exit" accessKey="E"/>
         </popupMenu>
        </menu>
        <menu text="Edit" x="10" y="10" accessKey="E">
         <popupMenu text="EditPopupMenu">
          <menuItem text="Cut" accessKey="C" shortcutText="Ctrl+X"/>
          <menuItem text="Copy" shortcutText="Ctrl+C" accessKey="o"/>
          <menuItem text="Paste" shortcut="Ctrl-V" accessKey="P"/>
          <horizontalSeparator/>
          <menuItem text="Delete" accessKey="D" shortcutText="Delete"/>
         </popupMenu>
        </menu>        
        <menu text="Options" x="30" y="30" accessKey="O">
         <popupMenu text="OptionsPopupMenu">
          <menuItem text="Preferences..." accessKey="P"/>
         </popupMenu>
        </menu>
        <menu text="Help" x="40" y="40" accessKey="H">
         <popupMenu text="HelpPopupMenu">
          <menuItem text="Contents..." accessKey="C"/>
          <horizontalSeparator/>
          <menuItem text="About..." accessKey="A"/>
         </popupMenu>
        </menu>
      </menuBar>
      <horizontalToolBar borderPosition="center">
        <button text="New" imageHeight="16" imageWidth="16" accessKey="N" image="images/new.gif"/>
        <button text="Open" x="10" y="10" image="images/open.gif" imageHeight="16" imageWidth="16" accessKey="O"/>
        <horizontalSeparator height="20"/>
        <button text="Save" x="20" y="20" image="images/save.gif" imageHeight="16" imageWidth="16" accessKey="S"/>
        <button text="Close" image="images/close.gif" imageHeight="16" imageWidth="16" accessKey="C"/>
      </horizontalToolBar>
    </borderPane>
    <horizontalSplitPane borderPosition="center" width="500" height="500" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" gridColumnSpan="1" splitPosition="25%">
      <left>
        <gridPane width="200" height="500" horizontalGap="12" verticalGap="11" columns="1" evenlySpace="false">
          <tree height="500" width="180" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill">
            <column/>
            <row expanded="true">
              <cell text="Mailbox - Joe Smith"/>
              <row expanded="true">
                <cell text="Deleted"/>
              </row>
              <row expanded="true">
                <cell text="Drafts"/>
              </row>
              <row expanded="true">
                <cell text="Inbox (10)"/>
              </row>
              <row expanded="true">
                <cell text="Junk"/>
              </row>
              <row expanded="true">
                <cell text="Outbox"/>
              </row>
              <row expanded="true">
                <cell text="Sent"/>
              </row>
              <row expanded="true">
                <cell text="Folders"/>
                <row expanded="true">
                  <cell text="Personal"/>
                </row>
                <row expanded="true">
                  <cell text="Work"/>
                </row>
              </row>
            </row>
          </tree>
        </gridPane>
      </left>
      <right>
        <borderPane height="300" width="400">
          <verticalSplitPane borderPosition="center" height="400" width="300" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" splitPosition="50%">
            <top>
              <gridPane height="200" width="400" horizontalGap="0" verticalGap="0" columns="1" evenlySpace="false">
                <treeTable height="200" width="400" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" horizontalLineColor="#C0C0C0" selectionMode="singleRow">
                  <column>
                    <header text="Sender"/>
                  </column>
                  <column>
                    <header text="Subject"/>
                  </column>
                  <column>
                    <header text="Received"/>
                  </column>
                  <row expanded="true">
                    <cell text="Date: Today"/>
                    <cell text=""/>
                    <row expanded="true">
                      <cell text="HelpDesk"/>
                      <cell text="Status of Your PC"/>
                      <cell text="Wed 06/28/2006 8:16 AM"/>
                    </row>
                    <row expanded="true">
                      <cell text="John Doe"/>
                      <cell text="Training for the New Hire"/>
                      <cell text="Wed 06/28/2006 7:45 AM"/>
                    </row>
                    <cell text=""/>
                  </row>
                  <row expanded="true">
                    <cell text="Date: Yesterday"/>
                    <cell text=""/>
                    <row expanded="true">
                      <cell text="John Doe"/>
                      <cell text="Meeting Request"/>
                      <cell text="Tue 06/27/2006 4:30 PM"/>
                    </row>
                    <row expanded="true">
                      <cell text="Jane Blane"/>
                      <cell text="Company Party"/>
                      <cell text="Tue 06/27/2006 12:50 PM"/>
                    </row>
                    <cell text=""/>
                  </row>
                  <row expanded="true">
                    <cell text="Date: Monday"/>
                    <cell text=""/>
                    <row expanded="true">
                      <cell text="Bob Smith"/>
                      <cell text="Info. You Requested"/>
                      <cell text="Mon 06/26/2006 3:30 PM"/>
                    </row>
                    <cell text=""/>
                  </row>
                </treeTable>
              </gridPane>
            </top>
            <bottom>
              <gridPane height="300" width="400" horizontalGap="0" columns="1" evenlySpace="false" gridHorizontalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalGrabSpace="true" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1" backgroundColor="#F4F4F4" gridVerticalAlignment="fill" borderPosition="center" padding="0" verticalGap="0">
                <gridPane height="100" width="400" horizontalGap="6" verticalGap="5" columns="2" evenlySpace="false" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="false" gridHorizontalAlignment="fill" padding="5">
                  <label height="20" text="Date:" width="100" fontWeight="bold"/>
                  <label height="20" text="Wed 06/28/2005 8:16 AM" gridHorizontalGrabSpace="false" gridVerticalGrabSpace="false"/>
                  <label height="20" text="From:" width="100" fontWeight="bold"/>
                  <label height="20" text="HelpDesk" gridHorizontalGrabSpace="false" gridVerticalGrabSpace="false"/>
                  <label height="20" text="To:" width="100" fontWeight="bold"/>
                  <label height="20" text="Joe Smith" gridHorizontalGrabSpace="false" gridVerticalGrabSpace="false"/>
                  <label height="20" text="Subject:" width="100" fontWeight="bold"/>
                  <label height="20" text="Status of Your PC" gridHorizontalGrabSpace="false" gridVerticalGrabSpace="false"/>
                </gridPane>
                <gridPane height="100" width="400" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderWidth="1" borderStyle="inset" horizontalGap="6" verticalGap="5" columns="1" evenlySpace="false">
                  <textArea height="100" width="400" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" padding="5">Your PC has been reformatted and may be picked up at the IT desk...</textArea>
                </gridPane>
              </gridPane>
            </bottom>
          </verticalSplitPane>
        </borderPane>
      </right>
    </horizontalSplitPane>
  </borderPane>
</xal>