JSF Grid Panel Component

See Also | Tutorials

You can drag the Grid Panel component grid panel icon from the Palette's Standard or Layout category to the Visual Designer to create a table in which you can arrange components. You first drag a Grid Panel to the page and then drop other components on the panel. Components are added left to right and top to bottom in the grid.

If you want a table that displays database tables, use the Table component. If you want a more free-form arrangement of components, use the Group Panel component.

By default, a Grid Panel has one column. When you add more than one component to it, the Grid Panel adds a row for each component and displays the components vertically. In the Grid Panel Properties window, you can specify the number of columns in the columns property. If you specify more than one column, the Grid Panel component display components from left to right to fit the number of columns and resizes the number of rows based on how many components the panel contains.

For example if you drop a Standard Checkbox on the Grid Panel, followed by a Standard Component Label, and then drop another Standard Checkbox followed by another Standard Component Label, the default, one-column Grid Panel displays them vertically, as shown in the following figure:

Data Grid with one column containing two checkboxes and two component labels

If you right-click the border of the Grid Panel and choose Properties, and then change the value of the columns property to 2, the Grid Panel displays the same components as follows:

Data Grid in two columns with two checkboxes and two component labels

The Grid Panel renders as an HTML <table> tag.

See Also
Grid Panel Properties Window
Working With Components
Component Tasks: Quick Reference
About the Visual Web Palette
Tutorials

Legal Notices