Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Das Icon Module dient zur Darstellung eines einzelnen Symbols. Dieses kann aus 19 vordefinierten SVG-Symbolen ausgewählt werden; weiterhin wird auch die SAP UI5-Icon-Bibliothek unterstützt.

Mit der Dropdownbox Icon wird das darzustellende Symbol ausgewählt.

Icon Color steuert, ob eine der komponentenweit gültigen Farben, oder eine individuell einstellbare Farbe verwendet wird. Bei Auswahl von Neutral Color wird die komponentenweit gültige Farbe Text Color 2 verwendet. Zusätzlich lassen sich eigene HTML-Elemente einfügen, welche als Attribut eine CSS-Klasse erhalten können. So können eigene CSS-Klassen in den Symbole definiert worden sind Anwendung finden. (z.B.: <div class="my-icon"><i></i></div>)

Das Feld SAPUI5 Icon Id ermöglicht, die Icons der SAPUI5-Bibliothek einzubinden, z.B. e00a für einen Synchronize-Button. Um das Icon einzublenden, wählen Sie unter Icon die Option SAPUI5 Icon und tragen die Icon ID in dieses entsprechende Feld ein.

Max. Size ist die maximale Größe des Icons in px. Wenn die Größe des Slots nicht ausreicht, wird das Icon entsprechend kleiner dargestellt.

Mit den Dropdownboxen Vertical Position und Horizontal Position kann die Positionierung der Texte innerhalb des Moduls festgelegt werden.

Info

Die ID des SAPUI5 Icons wird im Icon Explorer u. U. mit einem Präfix für hexadezimale Enkodierung angezeigt. Dieses darf nicht mit eingegeben werden; bitte verwenden Sie ausschließlich die Zeichen nach dem "&#x", also z. B. "e00a"


...