Use the object status if:

• You need to display the semantic status of an object: negative (property: error), critical (property: warning), positive (property: success), or neutral (property: none).

Use the object number if:

• You want to display the key attribute of an object. In this case, keep the default emphasized setting (property: emphasized).
• You need to display one or more numeric attributes of an object that, for example, you want to compare (property: emphasized set to “false”).

Use the object identifier if:

• You want to indicate the key identifier of the object.

Use the object marker if:

• You want to display the technical state of an object (locked, draft, unsaved changes, favorite, flagged). If you want to display the status of the object in the business lifecycle, consider using the object status display component instead.
• You need to show that the current object instance is locked by another user.

The object status consists of the following:

• A semantically colored text indicating the severity (property: text).
• An optional icon (property: icon).
• An optional link (property: active). If the object status is used as a link, a hover effect is shown on non-touch devices.
  If the object status is shown using a combination of icon and text, there is no hover effect for the icon.

We recommend using the semantically colored text-only version.

The object identifier has the following properties:

• A title text (property: title)

• An optional additional descriptive text (property: text)

• The title can be set to active. In this case, it looks like a link and can fire an event (property: titleActive).

• Both texts wrap if the space available is insufficient for them to each fit on one line.

The object number consists of the following:

• A colored text (property: number), which can be set to non-emphasized when used in the content area (property: emphasized).
• Semantics to indicate the status: negative (property: error), critical (property: warning), positive (property: success), and neutral (property: none).
• An optional unit (property: unit).

The object marker comes with the following characteristics:

• Icon only (visibility: IconOnly)
• Text only (visibility: TextOnly)
• Icon and text (visibility: IconAndText)
• Interactive
• Non-interactive

The object marker is able to fire an an event when it is pressed (interactive). If the control is interactive and displayed as an icon with text, the icon and text are one click area.

• Use semantic text only, and avoid using it with an icon.
• Use the following semantics to indicate the status/severity: negative (property: error), critical (property: warning), positive (property: success), and neutral (property: none).

• Provide a link for the object status if the user needs additional information about the status (for example, using a popover).

• Only use icons if they are unambiguous and easily understood (such as a padlock for locked items). If you feel that your icon needs a descriptive text to be understood, use text only.

Always left-align the object status in a table.
Exception (responsive table only): If status information is displayed as secondary information in a column, the status should follow the alignment of the primary information.

Apply the following rules for sorting tables by status:

• Ascending: Sort status information from positive to negative, with neutral last.
• Descending: Sort status information from negative to positive, with neutral first.

• Ascending with different values per severity level: Sort status information from positive to negative, with neutral last. Sort different values within a severity level (semantic color) alphabetically.
• Descending with different values per severity level: Sort status information from negative to positive, with neutral first. Sort different values within a severity level (semantic color) alphabetically.

• If the object number is the key attribute of the object inside the content area, emphasize the number when it is used as a line item status in a table.
• The object number can also be used to visualize other semantic numeric attributes. In this case, they are not emphasized unless they are the key attribute, such as a sum.

An object can have multiple technical statuses at the same time. However, because the editing statuses are mutually exclusive, users will see a maximum of 3 technical statuses for an object: Flag, Favorite, and one Editing Status. The app developer is responsible for the technical statuses.

Every technical status has a default visualization that can be changed by the app developer depending on the usage context. Also see How to Display the Editing Status in the Draft Handling article.

Flag and Favorite are usually displayed as icons on all screen sizes. For more information, see Flag and Favorite.

The default behavior for the editing status is as follows: 

Size L/M:

• Locked and Unsaved Changes are displayed as icon and text, while Draft is displayed as text.
• Flag and Favorite are displayed as icons.

Size S:

• Locked and Unsaved Changes are displayed as icons, while Draft is displayed as text.
• Flag and Favorite are displayed as icons.