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

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 Schriftartsymbolfarbe verwenden möchten. Der Wert, den Sie für die Designvariable benötigen, ist die anwenderdefinierte CSS-Eigenschaft in der Tabelle „sys_ux_theme-Eigenschaften“.

Erforderliche Rolle: Administrator

Warum und wann dieser Vorgang ausgeführt wird

Designvariablen können nur auf Schriftartsymbole angewendet werden.

Sie können ein Symbol im Workflow der Konfiguration eines Bildschirms konfigurieren oder ein Symbol konfigurieren, indem Sie auswählen Karten und Symbole Kategorie aus dem Mobile App Builder Menü. Bei diesem Verfahren wird verwendet Karten und Symbole Kategorie.

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 aus Karten und Symbole Kategorie, und wählen Sie dann aus Neu .
4. Wählen Sie im Dialogfeld Karte oder Symbol erstellen die Option aus Symbol , Und wählen Sie dann aus Fahren Sie Fort .
5. Geben Sie im Symbolformular ein Name Für das Symbol.
   Stellen Sie sicher, dass Sie einen Namen auswählen, der die Identifizierung des Symbols erleichtert.
6. Wählen Sie in der Dropdown-Liste Typ die Option aus Schriftart .
7. Geben Sie im Abschnitt Darstellung festlegen die folgenden Informationen in ein Stil Und Wert Felder zum Konfigurieren des Schriftartsymbols, das eine Designvariable zum Definieren ihrer Farbe verwendet.

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

   Stil	Wert
   Geben Sie Ein Schriftartname	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-Schaltflächen Diese Symbole sind für die Verwendung für Funktionen vorgesehen. Sie können auf Schaltflächen auf Karten oder für schnelle Aktionen verwendet werden. Now-mobile-icons-ALPnavbar Diese Symbole werden in der oberen rechten Ecke Ihres mobilen Bildschirms angezeigt und als Navigation zu einem anderen Bildschirm verwendet.
   Geben Sie Ein Wert	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 solide Einkaufswagensymbol in now-mobile-icons-buttonsSchriftartfamilie. Listen von Codes für Schriftartfamilien finden Sie unter [Link zu Referenzthemen hinzufügen].
   Geben Sie Ein FontColorVariable Dient zum Festlegen einer Designvariable für die Farbe Ihres Symbols. Diese Konfiguration ist optional. Wenn Sie keine Farbe angeben, ist die Standardsymbolfarbe schwarz. Wenn Sie einen Hex-Farbcode verwenden möchten, finden Sie unter [Link zu „Schriftarttypsymbole konfigurieren“], der Informationen zum Konfigurieren der Symbolfarbe mithilfe von Hex-Farbcodes enthält.	Geben Sie die Designvariable für die Farbe ein, die Sie verwenden möchten. Beispiel: Die folgende anwenderdefinierte CSS-Eigenschaft: --now-accordion-color
   Geben Sie Ein Name	Geben Sie den Namen ein, der für das Symbol in der Schriftartfamilie aufgeführt ist. Beispiel: Wenn Sie das Einkaufswagensymbol in verwenden möchten now-mobile-iconsFamilie, würden Sie betreten Einkaufswagen . Listen der Namen der Schriftartfamiliensymbole finden Sie unter Referenz für mobiles Symbol.

8. Wählen Sie Speichern.