9.5.13 Layout Grid (std_gridlayout)

Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example).

The Layout Grid weblet provides a simple way to build between 2 to 5 CSS-based columns.

Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them.

The Layout Grid weblet is designed to repeat the same content in each cell by iterating over an RDMLX working list. If you want to create a custom grid with different content in each cell, you should create the necessary HTML directly. You can find more details in the "Content Formatting" section of the jQuery Mobile documentation.