<?xml version="1.0" encoding="utf-8"?>
<Resource>
  <Folder name="GacGenConfig">
    <Folder name="Cpp">
      <Text name="SourceFolder">Source</Text>
      <Text name="Resource">..\..\UIRes\TableSplitter.bin</Text>
      <Text name="NormalInclude">GacUI.h</Text>
      <Text name="Name">Demo</Text>
    </Folder>
  </Folder>
  <Folder name="MainWindow">
    <Instance name="MainWindowResource">
      <Instance ref.CodeBehind="false" ref.Class="demo::MainWindow">
        <Window Text="TableSplitter" ClientSize="x:640 y:480">
          <att.BoundsComposition-set PreferredMinSize="x:640 y:480"/>

          <Table CellPadding="5" AlignmentToParent="left:0 top:0 right:0 bottom:0">
            <att.Rows>
              <CellOption>composeType:MinSize</CellOption>
              <CellOption>composeType:Percentage percentage:1.0</CellOption>
            </att.Rows>
            <att.Columns>
              <CellOption>composeType:Percentage percentage:1.0</CellOption>
            </att.Columns>

            <Cell Site="row:0 column:0">
              <CheckBox ref.Name="checkBorder" Text="Table size contains borders" Selected="true"/>
            </Cell>

            <Cell Site="row:1 column:0">
              <GroupBox Text="Drag spaces between cells to resize">
                <att.BoundsComposition-set AlignmentToParent="left:0 top:0 right:0 bottom:0"/>

                <Bounds AlignmentToParent="left:0 top:0 right:0 bottom:0">
                  <SolidBorder Color="#0000FF"/>
                  <Table ref.Name="table" BorderVisible-bind="checkBorder.Selected" CellPadding="5" AlignmentToParent="left:0 top:0 right:0 bottom:0">
                    <att.Rows>
                      <CellOption>composeType:MinSize</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Percentage percentage:0.5</CellOption>
                      <CellOption>composeType:Percentage percentage:0.5</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                    </att.Rows>
                    <att.Columns>
                      <CellOption>composeType:MinSize</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Percentage percentage:0.5</CellOption>
                      <CellOption>composeType:Percentage percentage:0.5</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                      <CellOption>composeType:Absolute absolute:50</CellOption>
                    </att.Columns>

                    <RowSplitter RowsToTheTop="2"/>
                    <RowSplitter RowsToTheTop="3"/>
                    <RowSplitter RowsToTheTop="5"/>
                    <RowSplitter RowsToTheTop="6"/>

                    <ColumnSplitter ColumnsToTheLeft="2"/>
                    <ColumnSplitter ColumnsToTheLeft="3"/>
                    <ColumnSplitter ColumnsToTheLeft="5"/>
                    <ColumnSplitter ColumnsToTheLeft="6"/>

                    <Cell Site="row:0 column:1">
                      <Label Text-format="$(table.observe as _(_.GetColumnOption(1).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:0 column:2">
                      <Label Text-format="$(table.observe as _(_.GetColumnOption(2).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:0 column:3">
                      <Label Text="50%"/>
                    </Cell>
                    <Cell Site="row:0 column:4">
                      <Label Text="50%"/>
                    </Cell>
                    <Cell Site="row:0 column:5">
                      <Label Text-format="$(table.observe as _(_.GetColumnOption(5).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:0 column:6">
                      <Label Text-format="$(table.observe as _(_.GetColumnOption(6).absolute on _.ConfigChanged))px"/>
                    </Cell>

                    <Cell Site="row:1 column:0">
                      <Label Text-format="$(table.observe as _(_.GetRowOption(1).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:2 column:0">
                      <Label Text-format="$(table.observe as _(_.GetRowOption(2).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:3 column:0">
                      <Label Text="50%"/>
                    </Cell>
                    <Cell Site="row:4 column:0">
                      <Label Text="50%"/>
                    </Cell>
                    <Cell Site="row:5 column:0">
                      <Label Text-format="$(table.observe as _(_.GetRowOption(5).absolute on _.ConfigChanged))px"/>
                    </Cell>
                    <Cell Site="row:6 column:0">
                      <Label Text-format="$(table.observe as _(_.GetRowOption(6).absolute on _.ConfigChanged))px"/>
                    </Cell>

                    <Cell Site="row:1 column:1">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:1 column:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:2 column:1">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:2 column:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:1 column:5">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:1 column:6">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:2 column:5">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:2 column:6">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:5 column:1">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:5 column:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:6 column:1">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:6 column:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:5 column:5">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:5 column:6">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:6 column:5">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:6 column:6">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:1 column:3 columnSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:2 column:3 columnSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:5 column:3 columnSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:6 column:3 columnSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:3 column:1 rowSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:3 column:2 rowSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:3 column:5 rowSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>
                    <Cell Site="row:3 column:6 rowSpan:2">
                      <SolidBorder Color="#FF8000"/>
                    </Cell>

                    <Cell Site="row:3 column:3">
                      <SolidBorder Color="#008000"/>
                    </Cell>
                    <Cell Site="row:3 column:4">
                      <SolidBorder Color="#008000"/>
                    </Cell>
                    <Cell Site="row:4 column:3">
                      <SolidBorder Color="#008000"/>
                    </Cell>
                    <Cell Site="row:4 column:4">
                      <SolidBorder Color="#008000"/>
                    </Cell>
                  </Table>
                </Bounds>
              </GroupBox>
            </Cell>
          </Table>
        </Window>
      </Instance>
    </Instance>
  </Folder>
</Resource>