Data Layout Patterns

Choose a layout based on how users will interact with the data. Some top-level tabs dictate data layout. 

Datagrid:  A dynamic, multi-column list

A datagrid presents data in rows and columns, making it a good choice for displaying objects with multiple properties.  A benefit of displaying large lists of objects in a datagrid is that users can sort, filter, and search the data display.

See the Datagrids  for details.


Master/detail view:  A datagrid with more

This pattern is similar to the datagrid in that it includes a master list of objects, but offers additional information about the selected item in an adjacent, resizable panel.

With the master/detail view, users can view more monitoring and managing information without changing context. 

See Master/Detail View.




TOC/Detail view:  A way to alternate between views

The TOC on the left provides a vertical list of tabs.  The detail view on the right presents more information about the selected tab. This pattern works best for categorizing data within a subtab, as in the Monitor > Settings tab. 

See TOC/Detail view.


Stack view:  Progressive disclosure of data

This layout is ideal for progressive disclosure of data--you can display the essential data users need and let them reveal more complex or less-frequently used data as needed.  The data in a stack view can be either editable or noneditable. A typical use for this layout is to show object settings.

See Stack View.

Portlet:  An information container

A portlet is a visual container that presents a set of related information about an object.  A portlet can contain actions for users to perform and links to navigate to other parts of the user interface, especially the common tab structure for an object.

Portlets are typically used within the Summary tab.

See Portlets.


Average (0 Votes)