Components/Object Number

fd-object-number · 6 examples from SAP's documentation · Back to the gallery

About

An object number represents a numeric attribute of an object and its unit. The object number should be displayed with semantics to provide more insight to the user about the object's value.

**Use the object number if:** - You want to display the key number of an object. - You need to display one or more numeric attributes of an object (for example, for objects you want to compare). **Emphasize (bold) the object number if:** - You want to represent the key numeric attributes on the page. - It is being used as a line item status in a table. **Do not use the object number if:** - You want to display system messages. - They are for decorative purposes only. **Use the object number if:** - You want to display the key number of an object. - You need to display one or more numeric attributes of an object (for example, for objects you want to compare). - You want to display system messages. - They are for decorative purposes only.

SemanticStatus

There are different semantic statuses that can be applied to the object number by adding a modifier class. | **Status** | **Modifier class** | | ----------: | :------------------------------- | | Neutral | none (default) | | Positive | \

-2,000.00EUR Value State Error 0.00EUR Value State Warning 1,000.00EUR Value State Success 100.00EUR Value State Information 999.00EUR Value State Neutral

Large

In some cases, it can be useful to enlarge the text for the object number. To display the object number in large text, add the \

-2,000.00EUR Value State Error 0.00EUR Value State Warning 1,000.00EUR Value State Success 100.00EUR Value State Information 999.00EUR Value State Neutral

Bold

When there is a key numeric attribute on the page, it should be emphasized in bold text. To display the object number in bold text, add the \

-2,000.00EUR Emphasized, Value State Error 0.00EUR Emphasized, Value State Warning 1,000.00EUR Emphasized, Value State Success 100.00EUR Emphasized, Value State Information 999.00EUR Emphasized, Value State Neutral

Interactive

To make an object number interactive, add the \

-2,000.00EUR Value State Error 0.00EUR Value State Warning 1,000.00EUR Value State Success 100.00EUR Value State Information 999.00EUR Value State Neutral

Inverted

To display the object number with an inverted style, add the \

-2,000.00EUR Value State Error 0.00EUR Value State Warning 1,000.00EUR Value State Success 100.00EUR Value State Information 999.00EUR Value State Neutral

InvertedInteractive

To make an object number interactive, add the \

-2,000.00EUR Value State Error 0.00EUR Value State Warning 1,000.00EUR Value State Success 100.00EUR Value State Information 999.00EUR Value State Neutral