---
sourceDocument: Yokohama Mobile-Konfiguration und -Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Mobile-Konfiguration und -Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Unterstützung von Farbvariablen für Kartenansichtsschaltflächen

# Unterstützung von Farbvariablen für Kartenansichtsschaltflächen {#ariaid-title1}

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Erfahren Sie, wie Sie Farbvariablen verwenden, um das Design in den Schaltflächen für die Kartenansicht für Mobilgeräte zu ändern.

|-|-|
| Verwenden Sie Farbvariablen in Kartenvorlagenelementattribute Dient zur Steuerung der Farbwerte für Symbolschaltflächen auf Ihren mobilen Karten. Die folgenden Farbvariablen können verwendet werden: * BackgroundColorVariable * BorderColorVariable * TextColorVariable {#color-var-cardview-button__ul_rhh_pg2_zvb} Weitere Informationen zu diesen Attributen finden Sie unter [Kartenvorlagen-Elementattribute](https://servicenow-prod.fluidtopics.net/lxmth5ZKMF8opnVP0cS2lw "Verwenden Sie diese Referenz, um zu bestimmen, welche Attribute für Ihre Kartenvorlagenelemente verwendet werden sollen."). |   |
[ ]

{#color-var-cardview-button__table_w1s_df2_zvb}

## Schaltflächenstilleitfaden {#color-var-cardview-button__section_s2p_lqn_cxb}

{#color-var-cardview-button__table_rwx_4ny_mxb__entry__3}

| Farbe | Beispiel | Variablen |
|-|-|-|
| Primär | ![Beispiel für primäre Schaltfläche]() | Hintergrund :   Mobile Variable: `Primär ` Webvariable: `Now-color--primary-1 ` Text :   Mobile Variable: `Text Umsetzbar ` Webvariable: `Now-color_Text--primary-actionable ` |
| Sekundär | ![Beispiel für sekundäre Schaltfläche]() | Hintergrund :   Mobile Variable: `Hintergrund Primär ` Webvariable: `Now-color_background--primär ` Text :   Mobile Variable: `Primär ` Webvariable: `Now-color--primary-1 ` Rahmen (2 px) :   Mobile Variable: `Primär ` Webvariable: `Now-color--primary-1 ` |
| Positiv | ![Beispiel für positive Schaltfläche]() | Hintergrund :   Mobile Variable: `Positiv ` Webvariable: `Now-color_Alert--positive-3 ` Text :   Mobile Variable: `Text Umsetzbar ` Webvariable: `Now-color_Text--primary-actionable ` |
| Destruktiv | ![Beispiel für destruktive Schaltfläche]() | Hintergrund :   Mobile Variable: `Destruktiv ` Webvariable: `Now-color_Alert--Critical-3 ` Text :   Mobile Variable: `Text Umsetzbar ` Webvariable: `Now-color_Text--primary-actionable ` |
| Leer | ![Beispiel für leere Schaltfläche]() | Hintergrund :   Mobile Variable: `Primär `/ `Positiv `/ `Destruktiv ` Webvariable: `Now-color--primary-1 `/ `Now-color_Alert--positive-3 `/ `Now-color_Alert--Critical-3` Text :   Mobile Variable: `Text Umsetzbar ` Webvariable: `Now-color_Text--primary-actionable ` Hinweis: Diese Schaltfläche kann mit primärer, positiver oder destruktiver Farbe konfiguriert werden. |
| Deaktiviert | ![Beispiel für deaktivierte Schaltfläche]() | Verwenden Sie diesen Stil, wenn die Aktion offline nicht verfügbar ist. Kann mit allen Stilen verwendet werden -- primär, sekundär, Text/Symbol. |
[ ]

{#color-var-cardview-button__table_rwx_4ny_mxb}