Intro

The display list item is the simplest list item. It shows content in the form of labels and text.

As forms are generally the preferred control for combining labels and fields, display list items are seldom used.

Display list items
Display list items

Responsiveness and Adaptiveness

Labels and text generally occupy 100% of the space they need. If a combination of the label and text is too long for the total space available, one or both are truncated so that each occupies a maximum of 50% of the space.

Truncated display list item
Truncated display list item

Behavior and Interaction

List item behavior and interaction is similar for all list item variants and is therefore described in the list overview article.

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls

  • List (guidelines)

Implementation