Unterstützung von Farbvariablen für Kartenansichtsschaltflächen

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 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 zum Steuern der Farbwerte für Symbolschaltflächen auf Ihren mobilen Karten.

    Die folgenden Farbvariablen können verwendet werden:
    • BackgroundColorVariable
    • BorderColorVariable
    • TextColorVariable

    Weitere Informationen zu diesen Attributen finden Sie unter Kartenvorlagen-Elementattribute.

    Farbvariable, die in einem Kartenansichtsvorlagenelement verwendet wird

    Schaltflächenstilleitfaden

    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.