Konfigurieren Sie ein Schriftartsymbol, um eine Designvariable zum Definieren seiner Farbe zu verwenden

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer

    • Geben Sie die anwenderdefinierte CSS-Eigenschaft eines sys_ux_theme-Datensatzes an, um die Farbe eines Schriftartsymbols zu definieren.

    Vorbereitungen

    Sie müssen den sys_ux_theme-Datensatz für die Designvariable kennen, die Sie zum Definieren der Farbe Ihres Schriftsymbols verwenden möchten. Der Wert, den Sie für die Designvariable benötigen, ist die anwenderdefinierte CSS-Eigenschaft in der Eigenschaftentabelle „sys_ux_theme“.

    Erforderliche Rolle: admin

    Warum und wann dieser Vorgang ausgeführt wird

    Designvariablen können nur auf Schriftartsymbole angewendet werden.

    Sie können ein Symbol innerhalb des Workflows zum Konfigurieren eines Bildschirms konfigurieren, oder Sie können ein Symbol konfigurieren, indem Sie die Kategorie Karten und Symbole im Menü Mobile App Builder auswählen. In diesem Verfahren wird die Kategorie Karten und Symbole verwendet.

    Prozedur

    1. Navigieren zu Alle > System Mobile > Mobile App Builderan.
      Mobile App Builder wird in einer neuen Browserregisterkarte geöffnet und der Auswahlbildschirm für den Anwendungsbereich wird angezeigt.
    2. Suchen Sie nach dem Anwendungsbereich, in dem Sie arbeiten, und wählen Sie dann den Namen des Anwendungsbereichs aus.
      Der Startbildschirm der Mobile App Builder-Kategorien wird angezeigt.
    3. Wählen Sie die Kategorie Karten und Symbole und dann Neuaus.
    4. Wählen Sie im Dialogfeld„Karte oder Symbol erstellen“ Symbol und dann Fortsetzenaus.
    5. Geben Sie im Formular „Symbol“ einen Name für das Symbol ein.
      Wählen Sie einen Namen, mit dem das Symbol leicht identifiziert werden kann.
    6. Wählen Sie in der Dropdown-Liste Typ die Option Schriftartaus.
    7. Geben Sie im Abschnitt „Darstellung festlegen“ in den Feldern Stil und Wert die folgenden Informationen ein, um das Schriftartsymbol zu konfigurieren, das eine Designvariable zum Definieren der Farbe verwendet.

      Wählen Sie das Plus-Symbol, um eine Zeile hinzuzufügen.

      Stil Wert
      Geben Sie den Schriftartnamen ein

      Geben Sie eine der folgenden Schriftartfamilien ein:

      • now-mobile-icons

        Diese Symbole sind für die Verwendung in Bildschirmen vorgesehen. Verwenden Sie sie für Listen und Abschnittsziele, die zu Listenbildschirmen und Browserbildschirmen wechseln. Verwenden Sie diese Symbole, um einen Workflow oder einen Bildschirm darzustellen, zu dem Anwender navigieren sollen.

      • now-mobile-icons-cards

        Verwenden Sie diese Symbole im Textkörper von Karten.

      • now-mobile-icons-buttons

        Diese Symbole sind für die Verwendung mit -Funktionen vorgesehen. Sie können für Schaltflächen auf Karten oder für Schnellaktionen verwendet werden.

      • now-mobile-icons-ALPnavbar

        Diese Symbole werden in der oberen rechten Ecke des mobilen Bildschirms angezeigt und dienen zur Navigation zu einem anderen Bildschirm.
      Geben Sie den Wert ein

      Geben Sie den Code ein, der das Symbol in der Schriftartfamilie identifiziert, die Sie verwenden möchten. Beispiel: e903 ist der Code für das Einkaufswagensymbol in der Schriftartfamilie now-mobile-icons-buttons.

      Listen mit Symbolcodes für Schriftartfamilien finden Sie unter [Link zu Referenzthemen hinzufügen].

      Geben Sie FontColorVariable ein, um eine Designvariable für die Farbe Ihres Symbols anzugeben.

      Diese Konfiguration ist optional. Wenn Sie keine Farbe angeben, ist die Standardsymbolfarbe Schwarz. Wenn Sie einen Hex-Farbcode verwenden möchten, lesen Sie [Link zu 'Schriftartsymbole konfigurieren'], wo Sie Informationen zum Konfigurieren der Symbolfarbe mithilfe von Hex-Farbcodes finden.

      Geben Sie die Designvariable für die Farbe ein, die Sie verwenden möchten. Zum Beispiel die folgende anwenderdefinierte CSS-Eigenschaft:

      --now-accordion-color
      Geben Sie den Namenein

      Geben Sie den Namen ein, der für das Symbol in der Schriftartfamilie aufgeführt ist. Wenn Sie beispielsweise das Einkaufswagensymbol in der Familie now-mobile-icons verwenden möchten, geben Sie Warenkorbein.

      Listen mit Namen von Schriftartfamiliensymbolen finden Sie unter Mobile Symbolreferenz.
    8. Wählen Sie Speichern.