Grids

Designers should choose a grid solution when they need a compact view that presents several graphical elements at the same time. A grid solution gives a different kind of visual look to an application. The grid layout is flexible: the number of rows and columns can be defined, as well as the layout of the grid. A grid always has a graphically indicated focus; by default it is in the middle of the grid.

An Information Pop-Up note can be used with a grid to offer more information about the focused item. The maximum number of rows in the Information Pop-Up note is four.

Figure: An Information Pop-Up note allows a designer to perfect the compact presentation of a grid.

Figure: The Menu Grid does not contain an Options menu. It is typically used for selecting one item.

Figure: A Selection Grid is typically used as a navigational component in the user interface. The Options menu is available. The Selection Grid can be left pending while selection is performed.

Figure: A Marking Grid allows users to select multiple items in the grid. Typically, it is used to perform a single operation on all selected items.

For more information on C++ APIs for grids, see Grids API documentation in the S60 C++ Developer's Library.