Best Practices – UI Elements

Formatting Data – Overview

Use locale‑ready formatting rules for times, dates, numbers, measurements, and comma‑separated lists.

Formatting Dates

Use SAPUI5 to format dates consistently across locales.

Formatting Numbers

Format numbers according to international rules using SAPUI5.

Formatting Time

Format times correctly across locales using SAPUI5.

Units of Measurement

Use standard unit rules for abbreviations, spacing, and pluralization.

Removing Leading and Trailing White Space

Trim blanks when copying and pasting text into input controls.

Busy States

Signal work in progress while reducing interruptions.

Collaboration

Add SAP Jam tiles, share menu actions, and social feeds to your app.

Table Overview

Choose the right table for your use case scenario.

Table Personalization Overview

Choose the right personalization pattern to adjust columns, sorting, grouping, and filters.

Title Hierarchy

Create clear and accessible heading hierarchies using title styles and semantic heading levels.

UI Element States

Use appropriate state combinations to signal options and highlight where attention is needed.

Using Semantic and Industry Colors

Apply semantic colors for universal value states and industry colors for domain-specific contexts.

Using Tooltips

Learn how to use tooltips for unlabeled elements.

Which Selection Control Should I Use?

Choose the best selection control for your use case.