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 Mobile App Builder Menü. Dieses Verfahren verwendet Karten und Symbole Kategorie.

Prozedur

1. Navigieren zu Alle > System Mobil > 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 Plussymbol aus, um eine Zeile hinzuzufügen.

   Stil	Wert
   Eingabetaste 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-icon-Schaltflächen Diese Symbole sind für die Verwendung für Funktionen vorgesehen. Sie können auf Schaltflächen verwendet werden, die sich auf Karten befinden, oder für schnelle Aktionen. Now-mobile-icons-ALPnavbar Diese Symbole werden in der oberen rechten Ecke Ihres mobilen Bildschirms angezeigt und als Navigation zu einem anderen Bildschirm verwendet.
   Eingabetaste 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 Symbolcodes für Schriftartfamilien finden Sie unter [Link zu Referenzthemen hinzufügen].
   Eingabetaste Schriftfarbvariable 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 „Schriftartsymbole konfigurieren“] Informationen zum Konfigurieren der Symbolfarbe mithilfe von Hex-Farbcodes.	Geben Sie die Designvariable für die Farbe ein, die Sie verwenden möchten. Beispiel: Die folgende anwenderdefinierte CSS-Eigenschaft: --now-accordion-color
   Eingabetaste 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 von Schriftartfamiliensymbolen finden Sie unter Referenz für mobiles Symbol.

8. Wählen Sie Speichern.