XdevGridLayout

With an XdevGridLayout, you can tabulate any UI component by using rows and columns. The number of rows and columns is automatically determined by the UI components that are included. The width and height of a cell is automatically defined by the UI component that is contained in the cell; however, these attributes can also be modified by assigning a weight (Weight).

  1. Creates a new view  without layout. 
  2. Drag an XdevGridLayout from the palette and drop it in the view.
  3. One by one, add five rows with five buttons in each row to the XdevGridLayout.

Layout Options

  • Align - The UI component is docked to the specified border of the cell or is centered.



  • Span
    • Remove one column of span - The span is reduced by one column. Stretching from right to left is not supported.
    • Span over one more column - The UI component spans the height of the column to the right.
    • Remove one row of span - The span is reduced by one row. Stretching to the top is not supported.
    • Span over one more row - The UI component spans the width of the row below.
  • Weight
    • The cell that contains the UI component takes up all the available horizontal space. If this property is assigned to several UI components, the available space is divided according to the specified weight.

    •  The cell that contains the UI component takes up all the available vertical space. If this property is assigned to several UI components, the available space is divided according to the specified weight.


  • Width 

    • ?: The width of the UI component is automatically defined by its content.
    • px: The width of the UI component is automatically defined in pixels. 
    • ?: The UI component spans the entire available cell width.
  • Height
    • ?: The height of the UI component is automatically defined by its content.
    • px: The height of the UI component is automatically defined in pixels. 
    • ?: The UI component spans the entire available cell height.
  • Quick Settings

    • Don´t Stretch - The width of the UI component is automatically defined by its content. 
    • Stretch Horizontally
      • Assigns a horizontal weight to the UI component (Weight).
      • Sets the Width setting of the UI component to %. 
    • Stretch Vertically 
      • Assigns a vertical weight to the UI component (Weight). 
      • Sets the Height setting of the UI component to %
    • Stretch in Both Directions 
      • Assigns a horizontal weight to the UI component (Weight).
      • Sets the Width setting of the UI component to %. 
      • Assigns a vertical weight to the UI component (Weight). 
      • Sets the Height setting of the UI component to %


All XdevGridLayout Methods


XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.