Last Update: Sept 02, 2022

Platform: Web

Designer: Joyce Lin

Intro

Assignment Owner Card is the Custom Components.

In 2111 assignment, use this card to show assignment owner details on assignment details page. It lets the user view and react to assignment details quickly.

Image
fdfgsdgd

Full page example

Image

Usage

Types

Structure & Components

The title of AO cards follow the guidelines for standard titles.

The content area is reserved for assignment owner info, such as AO avatar, name, job role and contact info.

Image

Behavior & Interaction

Example of a simple card with secondary info and when there is no secondary info:

Responsiveness & Adaptiveness

The Assignment Owner Card is 100% responsive.

Image

Application-specific examples (usage in SF modules)

The Assignment Owner Card in SAP Fiori Horizon style:

Accessibility

Missing information

Resources

https://www.figma.com/file/HuMVUnqbWNsDWINmGOKGRJ/Assignment_Web_2202-2211?node-id=6229%3A199350

Zeplin: 2111 specs: https://zpl.io/b6KAZNR

https://share.goabstract.com/3e82cd37-98de-4b99-ae09-99fb4cc8f5d0?sha=a6f0165f06d125a22986568bad68d33a54fed121

https://zpl.io/V139yD5