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

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Geben Sie die benutzerdefinierte 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 Schriftartsymbols verwenden möchten. Der Wert, den Sie für die Designvariable benötigen, ist die benutzerdefinierte 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 im Menü Mobile App Builder die Kategorie Karten & Symbole auswählen. Dieses Verfahren verwendet die Kategorie Karten & Symbole.

    Prozedur

    1. Navigieren zu Alle > System Mobile > Mobile App Builder.
      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 & Symbole und dann Neuaus.
    4. Wählen Sie im DialogfeldKarte oder Symbol erstellen die Option Symbol und dann Fortsetzenaus.
    5. Geben Sie im Formular „Symbol“ einen Namen für das Symbol ein.
      Stellen Sie sicher, dass Sie einen Namen wählen, der die Identifizierung des Symbols erleichtert.
    6. Wählen Sie in der Dropdown-Liste Typ die Option Schriftartaus.
    7. Geben Sie im Abschnitt „Darstellung festlegen“ die folgenden Informationen in die Felder Stil und Wert ein, um das Schriftartsymbol zu konfigurieren, dessen Farbe mithilfe einer Designvariablen festgelegt wird.

      Klicken Sie auf das Plus-Symbol, um eine Zeile hinzuzufügen.

      Stil Wert
      Geben Sie FontName ein

      Geben Sie eine der folgenden Schriftartfamilien ein:

      • now-mobile-icons

        Diese Symbole sollen in Bildschirmen verwendet werden. Verwenden Sie sie für Listen und Abschnittsziele, die zu Listenbildschirmen und Browserbildschirmen führen. Verwenden Sie diese Symbole, um einen Workflow oder einen Bildschirm darzustellen, zu dem Benutzer navigieren sollen.

      • now-mobile-icons-cards

        Verwenden Sie diese Symbole im Textkörper von Karten.

      • now-mobile-icons-buttons

        Diese Symbole sollen für -Funktionen verwendet werden. Sie können für Schaltflächen auf Karten oder für Schnellaktionen verwendet werden.

      • now-mobile-icons-ALPnavbar

        Diese Symbole werden in der rechten oberen Ecke des Bildschirms Ihres Mobilgeräts angezeigt und als Navigation zu einem anderen Bildschirm verwendet.
      Geben Sie Wert ein

      Geben Sie den Code ein, der das Symbol in der Schriftartfamilie identifiziert, die Sie verwenden möchten. Zum Beispiel ist e903 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, finden Sie weitere Informationen zum Konfigurieren der Symbolfarbe mithilfe von Hex-Farbcodes.

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

      --now-accordion-color
      Geben Sie Nameein

      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 Einkaufswagenein.

      Eine Liste der Namen der Schriftartfamiliensymbole finden Sie unter Mobile-Symbolreferenz.
    8. Wählen Sie Speichern.