<xal xmlns="http://openxal.org/ui/java"> 
  <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" image="images/new.gif" imageHeight="16" imageWidth="16" accessKey="N" />
        <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>
    <borderPane height="500" width="700" borderPosition="center">
      <gridPane columns="1" evenlySpace="false" borderPosition="center">
       <horizontalSplitPane height="500" width="700" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" gridColumnSpan="1" splitPosition="33%">
        <left>
          <gridPane horizontalGap="12" verticalGap="11" columns="1" evenlySpace="false"/>
          <tree height="100" width="180" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill">
            <column/>
            <row expanded="true">
              <cell text="Root Tree Item"/>
              <row expanded="true">
                <cell text="Parent Tree Item 1"/>
                <row expanded="true">
                  <cell text="Child Tree Item 1"/>
                </row>
                <row expanded="true">
                  <cell text="Child Tree Item 2"/>
                </row>
              </row>
              <row expanded="true">
                <cell text="Parent Tree Item 2"/>
                <row expanded="true">
                  <cell text="Child Tree Item 1"/>
                </row>
                <row expanded="true">
                  <cell text="Child Tree Item 2"/>
                </row>
              </row>
              <row expanded="true">
                <cell text="Parent Tree Item 3"/>
                <row expanded="true">
                  <cell text="Child Tree Item 1"/>
                </row>
                <row expanded="true">
                  <cell text="Child Tree Item 2"/>
                </row>
              </row>
            </row>
          </tree>
        </left>
        <right>
          <borderPane horizontalGap="0" verticalGap="0" borderPosition="center">       
            <gridPane horizontalGap="0" verticalGap="0" evenlySpace="false" columns="1" borderPosition="center"/>
            <tabPane gridColumnSpan="1" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderPosition="center">
              <tab text="Tab 1 Heading"  borderColor="#C0C0C0" borderStyle="solid" borderWidth="1">
                <freePane>
                  <gridPane horizontalGap="12" verticalGap="11" evenlySpace="false" columns="1" height="100" width="100" caption="Tab 1 Details" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1"/>
                </freePane>
              </tab>
              <tab text="Tab 2 Heading">
                <freePane x="40" y="40">
                  <gridPane horizontalGap="12" verticalGap="11" evenlySpace="false" columns="1" height="100" width="100" caption="Tab 2 Details" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1"/>
                </freePane>
              </tab>
              <tab text="Tab 3 Heading">
                <freePane x="30" y="30">
                  <gridPane horizontalGap="12" verticalGap="11" evenlySpace="false" columns="1" height="100" width="100" caption="Tab 3 Details" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1"/>
                </freePane>
              </tab>
              <tab text="Tab 4 Heading" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1">
                <freePane x="20" y="20">
                  <gridPane horizontalGap="12" verticalGap="11" evenlySpace="false" columns="1" height="100" width="100" caption="Tab 4 Details" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1"/>
                </freePane>
              </tab>
              <tab text="Tab 5 Heading" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1">
                <freePane x="10" y="10">
                  <gridPane horizontalGap="12" verticalGap="11" evenlySpace="false" columns="1" height="100" width="100" caption="Tab 5 Details" gridHorizontalGrabSpace="true" gridVerticalGrabSpace="true" gridHorizontalAlignment="fill" gridVerticalAlignment="fill" borderColor="#C0C0C0" borderStyle="solid" borderWidth="1"/>
                </freePane>
              </tab>
            </tabPane>
          </borderPane>
        </right>
       </horizontalSplitPane>
      </gridPane>
    </borderPane>
  </borderPane>
</xal>