Some properties of a cell can be bound to the properties of another cell, this is refered to as property binding.




In this example the rectangle cell some of the properties of the rectangle on the right are bound to the rectangle on the left.




The right hand rectangle in this example is selected (the width and height are bound and therefore the drag handles are not visible), and this rectangle is bound to the cell on the left, which has been highlighted with an opaque blue color.

From the image of the style inspector above it can be seen that the following properties of the rectangle on the right are bound to the properties of the rectangle on the left:

  • Top position
  • Width
  • Height
  • Text
  • Background

When any of these properties are altered in the left hand rectangle the changes are immediately reflected in the right hand rectangle, the image below shows the left hand rectangle being resized both horizontally and vertically.

The binding of properties from one cell to another must fit within some rules, for example it is not possible to bind a color to a width, so that the bindings make sense, the following sections explain the possible bindings for each type of property.




Position Properties

The top and left positions of a cell can be bound to various positional properties of another cell.

The top position can be bound to the following properties:

  • Top - top value as shown in the style inspector
  • Bottom - the top position of the source cell plus the height of the source cell
  • Margin Top - the top position of the source cell minus the top margin
  • Margin Bottom - the top position of the source cell plus the height
  • Padding Top - the top position of the source cell
  • Padding Bottom - the top position of source cell plus the height minus the bottom padding

The left position can be bound to the following properties:

  • Left - left value as shown in the style inspector
  • Right - the left position of the source cell plus the width of the source cell
  • Margin Left - the left position of the source cell minus the left margin
  • Margin Right - the left position of the source cell plus the width
  • Padding Left - the left position of the source cell
  • Padding Right - the left position of source cell plus the width minus the right padding

Size Properties

The width and height sizes of a cell can be bound to various size properties of another cell.

The width can be bound to the following properties:

  • Width - the width of the source cell
  • Minimum Width - the minimum width of the source cell
  • Maximum Width - the maximum width of the source cell
  • Margin Left - the size of the left margin
  • Margin Right - the size of the right margin
  • Padding Left - the size of the left padding
  • Padding Right - the size of the right padding
  • Border Width Left - the size of the left border
  • Border Width Right - the size of the right border

The height can be bound to the following properties:

  • Height - the height of the source cell
  • Minimum Height - the minimum height of the source cell
  • Maximum Height - the maximum height of the source cell
  • Margin Top - the size of the top margin
  • Margin Bottom - the size of the bottom margin
  • Padding Top - the size of the top padding
  • Padding Bottom - the size of the bottom padding
  • Border Width Top - the size of the top border
  • Border Width Bottom - the size of the bottom border

Text Property

The text of a cell can be bound to various properties of another cell:

  • Top - the top position of the source cell
  • Bottom - the top position plus the heigh of the source cell
  • Left - the left position of the source cell
  • Right - the left position plus the width of the source cell
  • Width - the width of the source cell
  • Minimum width - the minimum width of the source cell
  • Maximum width - the maximum width of the source cell
  • Height - the height of the source cell
  • Minimum Height - the mimimum height of the source cell
  • Maximum Height - the maximum height of the source cell
  • Margin Top - the size of the top margin of the source cell
  • Margin Bottom - the size of the bottom margin of the source cell
  • Margin Left - the size of the left margin of the source cell
  • Margin Right - the size of the right margin of the source cell
  • Padding Top - the size of the top padding of the source cell
  • Padding Bottom - the size of the bottom padding of the source cell
  • Padding Left - the size of the left padding of the source cell
  • Padding Right - the size of the right padding of the source cell
  • Background - the background of the source cell formatted depending on type of background - hex value for colors, positions and hex values for gradients and resource name for resources
  • Font - the font of the source cell - formatted with the font name and point size
  • Font Color - the color of the font in the source cell formatted as a hex value
  • Top Border Color - the hex value of the color of the top border
  • Bottom Border Color - the hex value of the color of the bottom border
  • Left Border Color - the hex value of the color of the left border
  • Right Border Color - the hex value of the color of the right border
  • Border Width Top - the size of the top border
  • Border Width Bottom - the size of the bottom border
  • Border Width Left - the size of the left border
  • Border Width Right - the size of the right border
  • Line Height - the size of the line height or the factor multipy the font size by to get the line height

Examples of data bound text properties:




Background property

The background of a cell can be bound to various properties of another cell:

  • Background - the background of the source cell
  • Font Color - the color of the font of the source cell
  • Top Border - the color of the top border of the source cell
  • Bottom Border - the color of the top border of the source cell
  • Left Border - the color of the left border of the source cell
  • Right Border - the color of the right border of the source cell