Grid View

The Grid View allows objects to be laid out on the tablet or phone screen in a grid that may be scrolled vertically (up/down) or horizontally (left/right). The Flick, Swipe, or Drag gesture is used to scroll the grid view. Grid Views are both a layout manager and method of navigation. Tapping on a grid view item allows the user to drill-into that object or open up the object using Popup. Once the user has drilled into an object, a method should exist to return to the Grid View. There are few common grid layouts:


Appearance characteristics for this pattern.


Common behaviors for this pattern.


Usage guidelines for this pattern.


Fig 1. Home Screen


Fig 2. Gallery


Fig 3. Dashboard