Use a grid splitter

Grid splitter controls can only be used with grid controls.

Procedure

  1. In the navigator, click Global Displays > Forms.
  2. From the Forms list, select the resource you want to work with.
  3. Click Display Editor > Designer.
  4. Click the Toolbox tab.
  5. Expand the control group you want to work with.
  6. Click and drag the control to the desired position in the Designer.
    Note: To apply the properties of a control to another control, click and drag the control to another control in the document tree. The Applying <control (control name)> to Target dialog box appears where you can select the option you want to use to apply to the control.
  7. Right-click the grid and select Edit Layer.
    The grid's editor is initiated, which is indicated by an orange border. By default, there is one row (Row0) and one column (Column0) in the grid, and the row and column edit buttons are visible.
  8. Click Insert new row.
    A new row (Row1) appears with its own set of buttons.
  9. Click Insert new column.
    A new column (Column1) appears with its own set of buttons.
  10. To add a row between existing rows, click Insert new row in the row above where you want to add the row. For example, if you want to add a new row between Row4 and Row5, click Insert new row in Row4.
  11. To add a column between existing columns, click Insert new column in the column to the left of where you want to add the new column. For example, if you want to add a new column between Column4 and Column5, click Insert new column in Column 4.
  12. To remove a row or column, click Delete Row or Delete Column for the specific row or column.
  13. Right-click in the row/column you want to resize, point to Grid, and then select either Column Width or Row Height.
    The Set Width or Set Height dialog box appears, depending on your selection.
  14. To set the width/height:
    Click...To...
    AutomaticSet the width/height to resize according to the largest object in the row/column.
    StarSet the width/height to a relational percentage of the space remaining in the grid after the size hierarchy is established.
    PixelSet the width/height to a fixed number of pixels, regardless of the grid size or objects in the row/column.
    - Or -

    Hover the mouse cursor over a grid line to change the cursor to a double arrow, and then click and drag the grid line to the desired position.

    Tip: Click the Toggle Width Type button in the row/column you want to resize to switch between Star and Pixel sizing. You cannot size automatically using the Toggle Width Type button.
    Note: Resizing rows and columns in this manner is available only in design mode.
  15. From the Toolbox, add a grid splitter in the column you want to be able resize.
  16. Configure the properties, as required.
    Note: To view the full list of properties, select the Advanced check box.
  17. Set the position of the grid splitter using the Horizontal Alignment and Vertical Alignment properties.
  18. To specify whether to resize only the row or column, set the ResizeDirection property.
  19. Save the form or user display.
    Click Save on the...To save...
    toolbarlocally for WPF forms; to the server for Silverlight forms
    title barto the server for WPF forms