Numeric Content
Einführung
Mit Numeric Content kann man Kennzahlen kompakt darstellen. Er eignet sich für schnell erfassbare Zahlenwerte und kann mit visuellen Eigenschaften (Trend, Statusfarbe und Icon) verstärkt werden. Diese Komponente tritt nur im Frontend auf, und ist daher für das Backend irrelevant. Er ist nicht im SAP-System zu finden.
Attribute im Designer
| Attribut | Beschreibung | Standardwert |
|---|---|---|
| controlId | Eindeutige Id der Komponente | Wird automatisch generiert |
| width | Breite des Tile | |
| formatterValue | Wenn true, dann enthält der Value einen numerischen Wert und keinen Scale. Wenn false, wird der Scale angezeigt und der Wert darf auch nicht numerisch sein. | false |
| icon | Hier kann der Link zu einem Icon eingefügt werden. | |
| iconDescription | Beschreibung zu einem Icon, die über einen Tooltip angezeigt wird, wenn die Maus über dem Tile schwebt. | |
| indicator | Gibt die Richtung der Abweichung vom Wert ab. Bei "Up" zeigt der Pfeil nach oben, bei "Down" nach unten, bei "None" ist keiner angezeigt. | None |
| nullifyValue | Wenn true und formatterValue true, dann wird "0" angezeigt, wenn ein nicht numerischer Wert für den value gesetzt wird. Wenn false und formatterValue true, dann wird nichts angezeigt, wenn ein nicht numerischer Wert für value gewählt wird. Wenn formatterValue false, verändert diese Eigenschaft nichts. | true |
| scale | Hier kann eine Skalierung gewählt werden. | |
| truncateValueTo | Gibt an, wie viele Zeichen des Values auf dem Tile angezeigt werden. | 4 |
| value | Hier kann ein Value eingegeben werden, der mittig rechts auf dem Tile angezeigt wird. Der Text wird fett dargestellt. | |
| valueColor | Die Farbe, in der der Value auf dem Tile angezeigt wird.Man kann zwischen "Neutral" (Grau), "Good" (Grün), "Critical" (Gelb), "Error" (Rot), "None" (Schwarz) wählen | Neutral |
| visible | Steuert die Sichtbarkeit des Tiles. Bei True ist es sichtbar, bei False nicht | True |
| class | Platz für benutzerdefinierte CSS. | sapUiTinyMarginBegin sapUiTinyMarginTop |
| spanS | Gibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen | 12 |
| spanM | Gibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen | 12 |
| spanL | Gibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen | 12 |
| spanXL | Gibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen | 12 |