Mobile Card Builder Komponenten

  • Freigeben Version: Australia
  • Aktualisiert 12. März 2026
  • 6 Minuten Lesedauer
  • Erfahren Sie mehr über die Komponenten, aus denen Mobile-Karten bestehen

    Komponenten werden hinzugefügt und entfernt

    Schaltflächen

    Mit Schaltflächenkomponenten können Anwender eine Aktion ausführen, wenn die Schaltfläche ausgewählt ist. Verwenden Sie Schaltflächen, um Ihren Karten Aktionen hinzuzufügen.

    Tabelle : 1. Eigenschaften der Schaltflächenkonfiguration
    Eigenschaft Beschreibung
    Element-ID Das eindeutige JSON-ID-Attribut der Schaltfläche.
    Bildschirm
    Höhe Höhe Ihrer Schaltfläche in Pixel
    Breite Breite Ihrer Schaltfläche in Pixel. Wenn diese Eigenschaft leer gelassen wird, füllt die Schaltfläche den verfügbaren Platz aus.
    Corner radius (Eckradius) Der Eckradius Ihrer Schaltfläche. Erhöhen Sie diesen Wert, um abgerundete Ecken für Ihre Schaltfläche zu erstellen.
    Rand oben Der obere Rand Ihrer Schaltfläche in Pixel
    Rand unten Der untere Rand Ihrer Schaltfläche in Pixel
    Rand links Der linke Rand Ihrer Schaltfläche in Pixel
    Rand rechts Der rechte Rand Ihrer Schaltfläche in Pixel
    Rahmenbreite Breite des Rahmens Ihrer Schaltfläche in Pixel.
    Schaltflächen-Eigenschaften
    Format

    Legen Sie fest, ob Ihre Schaltfläche mit einer Textbezeichnung, einem Symbol oder beidem angezeigt wird.

    Wählen Sie unter den folgenden Optionen aus:
    • Bezeichnung
    • Symbol
    • Bezeichnung und Symbol
    Bezeichnung Die Textbezeichnung der Schaltfläche.
    Hinweis:
    Diese Option wird nur angezeigt, wenn entweder der Bezeichnung Oder Bezeichnung und Symbol Format ist ausgewählt.
    Symbol Das Symbol, das auf Ihrer Schaltfläche angezeigt wird. Wählen Sie ein Symbol aus der bereitgestellten Dropdown-Liste aus.
    Hinweis:
    Diese Option wird nur angezeigt, wenn entweder der Symbol Oder Bezeichnung und Symbol Format ist ausgewählt.
    Zugänglicher Name Der alternative Text, der Personen, die Hilfsgeräte verwenden, laut vorgelesen wird, damit sie den Zweck der Schaltfläche kennen.
    Hinweis:
    Diese Option wird nur angezeigt, wenn Symbol Format ist ausgewählt.
    Aktionen
    Mehrfach Erstellen Sie ein Menü mit mehreren verschiedenen Aktionen, aus denen Anwender auswählen können, wenn sie die Schaltfläche auswählen.
    Funktion

    Wählen Sie entweder eine vordefinierte oder eine konfigurierbare Funktion aus. Konfigurierbare Funktionen werden aus der Tabelle „sys_sg_button“ übernommen.

    Verfügbare vordefinierte Funktionen:
    • Abbrechen
    • Fortsetzen
    • Abmelden
    Schaltflächendarstellung
    Text- und Symbolstil Der Formatierungsstil Ihres Texts, Symbols oder beides.
    Variable der Hintergrundfarbe Die Farbvariable des Schaltflächenhintergrunds.
    Hintergrundfarbe Die Farbe des Schaltflächenhintergrunds. Der Wert für diese Eigenschaft ist beispielsweise ein HTML-Farbcode #A0522D Für Sienna.
    Text- und Symbolfarbvariable Der Text der Schaltfläche und die Farbvariable des Symbols.
    Text- und Symbolfarbe Text und Variablenfarbe der Schaltfläche. Der Wert für diese Eigenschaft ist beispielsweise ein HTML-Farbcode #A0522D Für Sienna.
    Rahmenfarbvariable Die Farbvariable des Schaltflächenrahmens.
    Rahmenfarbe Die Farbe des Schaltflächenrahmens. Der Wert für diese Eigenschaft ist beispielsweise ein HTML-Farbcode #A0522D Für Sienna.

    Container

    Containerkomponenten enthalten andere Komponenten. Ein Container kann eine beliebige Kartenkomponente enthalten, einschließlich eines anderen Containers. Verwenden Sie Container, um Ihre Kartenkomponenten zu organisieren und zu bestimmen, wie die Komponenten im Container ausgerichtet und verteilt sind.

    Tabelle : 2. Container-Konfigurationseigenschaften
    Eigenschaft Beschreibung
    Eigenschaften
    Element-ID Das eindeutige JSON-ID-Attribut des Containers.
    Bildschirm
    Höhe Höhe Ihres Containers in Pixel
    Breite Breite Ihres Containers in Pixel. Wenn diese Eigenschaft leer gelassen wird, füllt der Container den verfügbaren Platz aus.
    Rand oben Der obere Rand Ihres Containers in Pixel
    Rand unten Der untere Rand Ihres Containers in Pixel
    Rand links Der linke Rand Ihres Containers in Pixel
    Rand rechts Der rechte Rand Ihres Containers in Pixel
    Corner radius (Eckradius) Der Eckradius Ihres Containers. Erhöhen Sie diesen Wert, um abgerundete Ecken für Ihren Container zu erstellen.
    Darstellung
    Containerrichtung Bestimmt die Ausrichtungsrichtung der Komponenten im Container. Wählen Sie aus diesen Werten aus:
    • Horizontal
    • Vertikal
    Ausrichtung Bestimmt die Ausrichtung der Komponenten innerhalb des Containers. Wählen Sie aus diesen Werten aus:
    • Strecke
    • Mitte
    • Links
    • Rechts
    • Oben
    • Unten
    Verteilung Bestimmt die Verteilung der Komponenten innerhalb des Containers. Wählen Sie aus diesen Werten aus:
    • Gleich
    • Automatisch
    Hintergrund-Typ Der Typ des Hintergrunds, den der Container haben soll. Wählen Sie aus diesen Werten aus:
    • Keine
    • Farbe
    • Bilder

    Symbole

    Symbolkomponenten werden verwendet, um ein Symbol auf Ihrer Karte anzuzeigen. Sie können ein Symbol aus dem Dropdown-Menü „Symbol“ im Konfigurationsbildschirm auswählen.

    Tabelle : 3. Symbolkonfigurationseigenschaften
    Eigenschaft Beschreibung
    Eigenschaften
    Element-ID Das eindeutige JSON-ID-Attribut des Symbols.
    Bildschirm
    Symbol Das anzuzeigende Symbol.
    Rand oben Der obere Rand Ihres Symbols in Pixel.
    Rand rechts Der rechte Rand Ihres Symbols in Pixel.
    Rand unten Der untere Rand Ihres Symbols in Pixel.
    Rand links Der linke Rand Ihres Symbols in Pixel.
    Darstellung
    Farbvariable Die Farbvariable Ihres Symbols.
    Farbe Die Farbe Ihres Symbols. Der Wert für diese Eigenschaft ist beispielsweise ein HTML-Farbcode #A0522D Für Sienna.

    Bilder

    Bildkomponenten werden verwendet, um ein Bild anzuzeigen. Sie definieren ein anzuzeigendes Bild, indem Sie ein Feld in Ihrem Datensatz auswählen, das ein Bild enthält, z. B. das Avatar Feld auf einem Anwender Datensatz.

    Tabelle : 4. Image-Konfigurationseigenschaften
    Eigenschaft Beschreibung
    Eigenschaften
    Element-ID Das eindeutige JSON-ID-Attribut des Bilds.
    Bildschirm
    Höhe Höhe Ihres Bilds in Pixel.
    Breite Breite Ihres Bilds in Pixel.
    Rand oben Der obere Rand Ihres Bilds in Pixel.
    Rand rechts Der rechte Rand Ihres Bilds in Pixel.
    Rand unten Der untere Rand Ihres Bilds in Pixel.
    Rand links Der linke Rand Ihres Bilds in Pixel.
    Corner radius (Eckradius) Der Eckradius Ihres Bilds. Erhöhen Sie diesen Wert, um abgerundete Ecken für Ihr Bild zu erstellen.
    Bilder
    Zugeordnetes Feld verwenden Wählen Sie aus, ob das Bild ein zugeordnetes Feld verwendet.
    Feldwert Der Wert des zugeordneten Felds für Ihr Bild. Diese Eigenschaft ist nur sichtbar, wenn Zugeordnetes Feld verwenden Ist ausgewählt.
    Anhang Das angehängte Bild, das verwendet werden soll. Diese Eigenschaft ist nur sichtbar, wenn Zugeordnetes Feld verwenden Ist nicht ausgewählt.
    Bildskalierung Die Skalierung für Ihr Bild. Wählen Sie aus diesen Werten aus:
    • Ausfüllen
    • Anpassen

    Text

    Textkomponenten zeigen Text auf Ihrer Karte an. Dies kann statischer Text oder Text aus der Bezeichnung eines Felds sein. Verwenden Sie Textkomponenten, um die Informationen zu erhalten, die Ihre Anwender beim Anzeigen von Datensatzlisten zuerst sehen müssen.

    Tabelle : 5. Textkonfigurationseigenschaften
    Eigenschaft Beschreibung
    Eigenschaften
    Element-ID Das eindeutige JSON-ID-Attribut des Texts.
    Bildschirm
    Feldtyp Der Typ des Textfelds. Wählen Sie aus diesen Werten aus:
    • Feldwert
    • Feldbezeichnung
    • Statischer Text
    Textwert Der Text, der in der Textkomponente angezeigt wird. Dieser Wert wird nur verwendet, wenn Sie ausgewählt haben Statischer Text In Feldtyp Eigenschaft.
    Höhe Höhe Ihrer Textkomponente in Pixel.
    Breite Breite Ihrer Textkomponente in Pixel.
    Rand oben Der obere Rand Ihrer Textkomponente in Pixel.
    Rand rechts Der rechte Rand Ihrer Textkomponente in Pixel.
    Rand unten Der untere Rand Ihrer Textkomponente in Pixel.
    Rand links Der linke Rand Ihrer Textkomponente in Pixel.
    Darstellung
    Textstil Der Formatierungsstil Ihres Texts.
    Textausrichtung Ausrichtung für den Text in Ihrer Komponente. Wählen Sie aus diesen Werten aus:
    • Links
    • Mitte
    • Rechts
    Maximale Anzahl von Zeilen Die maximale Anzahl von Zeilen für den Text in Ihrem Element.
    Textfarbvariable Die Farbvariable für Ihren Text.
    Textfarbe Die Farbe Ihres Texts. Der Wert für diese Eigenschaft ist beispielsweise ein HTML-Farbcode #A0522D Für Sienna.
    Hinweis:
    Sie können die Hintergrundfarbe einer Textkomponente nicht ändern, aber Sie können Ihre Textkomponente in einer Containerkomponente platzieren und die Containerhintergrundfarbe ändern.

    Videos

    Videokomponenten zeigen ein eingebettetes Video auf Ihrer Karte an. Sowohl Youtube- als auch Viemo-Video-URLs werden unterstützt.

    Tabelle : 6. Videokonfigurationseigenschaften
    Eigenschaft Beschreibung
    Eigenschaften
    Element-ID Das eindeutige JSON-ID-Attribut des Videos.
    Bildschirm
    Zugeordnetes Feld verwenden Wählen Sie aus, ob das Video ein zugeordnetes Feld verwendet.
    Feldwert Der Wert des zugeordneten Felds für Ihr Video. Diese Eigenschaft ist nur sichtbar, wenn Zugeordnetes Feld verwenden Ist ausgewählt.
    URL Die URL des Videos, das eingebettet werden soll. Diese Eigenschaft ist nur sichtbar, wenn Zugeordnetes Feld verwenden Ist nicht ausgewählt.
    Wiedergabemodus Wie das Video auf einem Mobilgerät angezeigt wird. Wählen Sie aus diesen Werten aus:
    • Vollbild
    • Inline
    Breite Breite Ihrer Videokomponente in Pixel.
    Höhe Höhe Ihrer Videokomponente in Pixel.
    Rand oben Der obere Rand Ihrer Videokomponente in Pixel.
    Rand rechts Der rechte Rand Ihrer Videokomponente in Pixel.
    Rand unten Der untere Rand Ihrer Videokomponente in Pixel.
    Rand links Der linke Rand Ihrer Videokomponente in Pixel.