Last Update: Aug 31, 2022

Platform: Web

Designer: @Mengxiao Han

Intro

An OKR Objective Card is used in Dynamic Teams OKR management workspace to display all critical fields of an Objective in a visually simple and appealing way. The objective card leverage the SAP Card component with customized layout of details that specifically serve the needs and scenario of user reading and consuming data of an objective. Currently, OKR Objective Card is only available on

Usage

Use OKR Objective Card whenever an objective needs to be displayed.

Structure & Components

Behavior & Interaction

No Scrolling in the objective card. The Objective Name (title) is limited to 1 line. If the name goes over 1 line, truncate it by showing “…”. The full name is shown in the tooltip when hovering over the objective name.

The color of the objective status and status name are both configurable by OKR admin.

User can click on the card to open up the right side panel that takes them into reading more details of the objective and allows them to edit the objective if they want.

Responsiveness & Adaptiveness

Application-specific examples (usage in SF modules)

Fiori 3

Fiori Next (Horizon)

Accessibility

Resources