Configure a horizontal layout

To configure a horizontal layout, add a Horizontal layout object, add children objects, and adjust the properties.
  1. In
    Project view
    , right-click a node to contain the Horizontal layout object and select
    New
    Containers
    Horizontal layout
    .
  2. Add or move child graphic objects under the horizontal layout.
    For more information on how to move graphic objects, see Move a node.
    For example, add buttons under the horizontal layout to create a row of buttons. See Button.
    Child objects are distributed one by one in a row.
    Three buttons labeled Button1, Button2, and Button3 arranged in a horizontal row, left aligned within a grid layout.
  3. (optional) In
    Properties
    , set how to display the children graphic objects:
    • Content alignment
      :
      • Left aligned
        . Anchor child objects to the left of the horizontal layout.
        Three buttons labeled Button1, Button2, and Button3 arranged in a horizontal row, left aligned within a grid layout.
      • Center aligned
        . Anchor child objects to the center of the horizontal layout.
        Three buttons labeled Button1, Button2, and Button3 arranged in a horizontal row, centered within a grid layout.
      • Right aligned
        . Anchor child objects to the right of the horizontal layout.
        Three buttons labeled Button1, Button2, and Button3 arranged in a horizontal row, right aligned within a grid layout.
    • Wrap
      . Wrap child objects if they are unable to fit the horizontal layout width.
      Wrap set to True
      Three buttons labeled Button1, Button2, and Button3 arranged in two rows due to wrapping within a grid layout.
      Wrap set to False
      Three buttons labeled Button1, Button2, and Button3 arranged in a single horizontal row without wrapping within a grid layout.
    • Horizontal gap
      . Horizontal space between child objects of the horizontal layout.
      Three buttons labeled Button1, Button2, and Button3 arranged in a horizontal row with visible horizontal gaps between each button.
    • Vertical gap
      . Vertical space between the rows of wrapped child objects of the horizontal layout.
      Three buttons labeled Button1, Button2, and Button3 arranged in two rows with a visible vertical gap between the rows.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal