- Latest SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- Latest SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
Info Label
sap.tnt.InfoLabel
Intro
The info label is a non-interactive, non-semantic, text-based control. The label highlights a characteristic of an object or item (such as a state, type, quantity, or condition). You can use it in tables, headers, custom tiles, and display forms.
Usage of the Info Label
Usage
Before using the info label, consider whether you are highlighting a characteristic of an object or displaying a status of an operation or transaction. This distinction is particularly valid if you would like to display the state of an object.
Consider the following example. You have an object or a system that is currently working as intended. Its state is therefore Running. You decide to perform a Stop operation to prepare it for replication. The status of the Stop operation is a success. As a result, the system state changes to Not Running. In this case, Running and Not Running are system states and should use the info label. The success of the Stop operation is a status and, if displayed, should use the object status control.
Use the info label if:
- You are designing an administration or monitoring application for the SAP Cloud Platform tool landscape.
- You want to highlight a characteristic of an object.
Do not use the info label if:
- You are designing an SAP Fiori application
- You want to indicate the status of an object. Use the object status instead.
- You want to convey semantics. Use the object status instead.
Styles
The info label supports various styles based on its content, chosen highlight, and usage.
Guidelines
The info label can be used in any control and in a number of ways. In general, follow the principles below for best results:
- Use different colors for different characteristic values.
- Use narrow render mode for numeric values for better visuals.
- Use display mode for forms in display mode.
Resources
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.