Updated: September 28, 2017

Object Cell

Intro

The Object Cell is a Table View Cell which fits inside the Table View container. It is highly customizable so as to accommodate a wide variety of uses.

It is intended to be used to preview information about an object and can be tapped to navigate to a fuller view of that information, usually as an Object page. It does not always need to be used in this way, however, and can be customized to be used for object detail lists that can be found in Object Details pages.

Usage

Do’s

  • Use an Object Cell when you need to preview information about an object in a preliminary list.

Don’ts

  • Do not use the Object Cell when you just want to display a simple string of text.

Compact and Regular

The Object Cell is supported in both regular and compact width. An optional description is available to be displayed in regular width. The width of the title content container and description container is flexible and can be set by the app developer.

Structure

A. Editing Control

An editing control appears only when in edit mode. When the mode is triggered, the content shifts to the right, and the control appears on the left. Any navigational indicator, such as the chevron or information disclosure icon, disappears while in edit mode.

B. Icon Stack

A set of up to 3 vertically stacked icons can be displayed on the far left. These icons indicate something about the object, such as its unread status or that it has attachments.

C. Detail Image

An image representing the object can be set. 

D. Title

The title is the main area for text content. It allows for a title, subtitle, and footnote. The title is the only mandatory content for the Object Cell.

E. Description

If a description has been defined, it will appear in regular mode only. This is typically a longer string of text than what is displayed in the title content.

F. Attribute

If an object has an attribute, such as a status, associated with it, it can be displayed on the right, in front of the accessory view. Up to two attributes can be displayed, stacked vertically. The attribute can be in the form of text or icon.

G. Accessory View

The accessory view is usually a navigational icon, such as a chevron, which would trigger a push navigation, or an information disclosure icon, which would bring up a model. It can also be used for actions, such as download.

Variations

Preview

The most common variation, the Preview Object Cell variation is used to display a preview of an object. A chevron icon is used on the right to indicate a drill down to the complete content, usually as an Object page. The Preview variation is commonly found in the Overview, List Report, Worklist, and Object Floorplans.

Quick View

The Quick View Object Cell variation is used to display a simple object that doesn’t need a full Object page. Instead, an information disclosure icon is used on the right, which brings up a modal when tapped. In the modal, some more information for the object can be viewed and a few simple actions can be performed. The Quick View variation is commonly found in the Overview, Object, and Object Details Floorplans.

Action

The Action Object Cell variation is used to display an object that has a specific action associated with it, such as downloading a document. An icon is used on the right, indicating what the action is. The Action variation is commonly found in the List Report Floorplan.

Display

The Display Object Cell variation is used to display complete information. Often that information is a detail of an Object and therefore, does not require any further drill down. The display variation is commonly found in the Object Details Floorplan.

Navigation

The Preview and Quick View variations both have a navigational aspect associated with it. The Preview uses a chevron icon to indicate a push to the full content of the object, while the Quick View uses an information disclosure icon to indicate a modal will pop up with the full content of the object.