(6)-a. Overview

Layout name

Picture

Detail

Panel grid

Used for placing fields or layout element in a table format like a spreadsheet.
Panel grids can be nested up to 3 layers deep.


Upon placing the component on the screen, you will be prompted for the number of rows and columns.

Setting name

Detail

Rows

Select from 1 to 50

Columns

Select from 1 to 20


To change the cell size after placing the grid on the layout, click the space between the cells of the header sections (circled in red below) drag with the mouse or change the width and height from the property dialog.
 

The number of rows and columns can also be modified after placing the grid on the canvas. Click on the component to bring up the rows and columns dialog. Add, insert or remove rows and columns by clicking on the buttons.

Insert column to the left of the currently selected column.

Insert column to the right of the currently selected column.

Delete selected columns and all fields contained within.


Insert row above the currently selected row

Insert row below the currently selected row

Delete selected rows and all fields contained within.


If any components or fields exist within the row or column to be deleted, a confirmation dialog warning will appear.

 

Cell join / release

Merge selected cells

Unmerge selected cells

[Cell Join]

Cells in the panel grid can be combined. Select the cells you would like to combine and click the join button.
[Cell release]

Joined cells can be unjoined by selecting them and clicking the release button.


[How to Select the PanelGrid]
Select the PanelGrid itself by double-clicking on any cell.

After double-clicking a cell to select the panel grid, drag any cell to move it.