<Page loaded="onLoaded">
  <GridLayout rows="auto, 100, *, 50" columns="auto, 60, *, 40">
    <!-- View Properties -->
    <Button text="wh" tap="{{ onWidthHeight }}" id="widthHeight" style="background-color: lightblue;" />
    <Button text="n" tap="{{ onMinWidthMinHeight }}" col="1" id="minWidthMinHeight" style="background-color: lightblue;" />
    <Button text="m" tap="{{ onMargins }}" col="2" id="margins" style="background-color: lightblue;" />
    <Button text="a" tap="{{ onAlignments }}" row="1" id="alignments" style="background-color: lightblue;" />
    <Button text="c" tap="{{ onCollapse }}" row="1" col="1" id="collapse" style="background-color: lightblue;" />
    <Button text="v" tap="{{ onVisibile }}" row="1" col="2" id="visible" style="background-color: lightblue;" />
    <!-- Layout Properties -->
    <Button text="p" tap="{{ onPaddings }}" row="2" id="paddings" style="background-color: lightgray;" />
    <Button text="all" tap="{{ onAllProperties }}" row="2" col="1" id="allProperties" style="background-color: aquamarine;" />
    <StackLayout row="2" col="2">
      <Button text="1" tap="onAddRowColumn" id="addRowColumn" style="background-color: lightgreen;" />
      <Button text="0" tap="onRemoveRowColumn" id="removeRowColumn" style="background-color: lightgreen;" />
    </StackLayout>
  </GridLayout>
</Page>