Mobile Card Builder Komponenten

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 3 Minuten Lesedauer

    • Erfahren Sie mehr über die Komponenten, aus denen Mobile-Karten bestehen

    Komponenten hinzufügen und entfernen

    Container

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

    Tabelle : 1. Containerkonfiguration – Eigenschaften
    Eigenschaft Beschreibung
    Height (Höhe) Höhe des Containers in Pixel
    Width (Breite) Breite des Containers in Pixel. Wenn diese Eigenschaft leer ist, füllt der Container den verfügbaren Platz.
    Margin top (Oberer Rand) Der obere Rand des Containers in Pixel
    Margin bottom (Unterer Rand) Der untere Rand des Containers in Pixel
    Margin left (Linker Rand) Der linke Rand des Containers in Pixel
    Margin right (Rechter Rand) Der rechte Rand des Containers in Pixel
    Corner radius (Eckradius) Der Eckradius des Containers. Erhöhen Sie diesen Wert, um abgerundete Ecken für den Container zu erstellen.
    Container direction (Containerrichtung) Bestimmt das Ausrichtungsformat der Komponenten im Container. Wählen Sie einen dieser Werte aus:
    • Horizontal
    • Vertical (Vertikal)
    Alignment (Ausrichtung) Bestimmt die Ausrichtung der Komponenten im Container. Wählen Sie einen dieser Werte aus:
    • Stretch (Strecken)
    • Center (Mitte)
    • Links
    • Rechts
    • Top (Oben)
    • Bottom (Unten)
    Distribution (Verteilung) Bestimmt die Verteilung der Komponenten im Container. Wählen Sie einen dieser Werte aus:
    • Equal (Gleich)
    • Auto (Automatisch)

    Bilder

    Bildkomponenten werden zum Anzeigen von Bildern verwendet. Sie definieren ein anzuzeigendes Bild, indem Sie ein Feld in einem Datensatz auswählen, das ein Bild enthält, z. B. das Feld Avatar in einem User-Datensatz (Benutzer-Datensatz).

    Tabelle : 2. Bildkonfiguration – Eigenschaften
    Eigenschaft Beschreibung
    Mapped field (Zugeordnetes Feld) Das Feld im Datensatz, das das Bild enthält
    Hinweis:
    Beim Erstellen einer Kartenvorlage können Sie kein Feld auswählen. Diese Auswahl erfolgt, wenn die Karte einem bestimmten Bildschirm zugeordnet wird.
    Height (Höhe) Höhe des Bilds in Pixel
    Width (Breite) Breite des Bilds in Pixel
    Corner radius (Eckradius) Der Eckradius des Bilds. Erhöhen Sie diesen Wert, um abgerundete Ecken für das Bild zu erstellen.
    Top margin (Oberer Rand) Der obere Rand des Bilds in Pixel
    Right margin (Rechter Rand) Der rechte Rand des Bilds in Pixel
    Bottom margin (Unterer Rand) Der untere Rand des Bilds in Pixel
    Left margin (Linker Rand) Der linke Rand des Bilds in Pixel
    Scaling (Skalierung) Die Skalierung für das Bild. Wählen Sie einen dieser Werte aus:
    • Fill (Ausfüllen)
    • Fit (Anpassen)

    Text

    Mit Textkomponenten wird Text auf der Karte angezeigt. Dies kann statischer Text oder Text aus der Bezeichnung des Werts eines Felds sein. Verwenden Sie Textkomponenten für Informationen, die Benutzer beim Anzeigen von Datensatzlisten zuerst sehen müssen.

    Tabelle : 3. Textkonfiguration – Eigenschaften
    Eigenschaft Beschreibung
    Field type (Feldtyp) Der Typ des Textfelds. Wählen Sie einen dieser Werte aus:
    • Field value (Feldwert)
    • Field label (Feldbezeichnung)
    • Static text (Statischer Text)
    Field type text (Feldtyptext) Der Text, der in der Textkomponente angezeigt wird. Dieser Wert wird nur verwendet, wenn Sie in der Eigenschaft Feldtyp die Option Static Text (Statischer Text) ausgewählt haben.
    Mapped field (Zugeordnetes Feld) Das Feld, das den zu verwendenden Text enthält. Von der Textkomponente wird entweder die Bezeichnung des Felds oder der Wert des Felds angezeigt, je nachdem, was Sie bei der Eigenschaft Feldtyp auswählen.
    Hinweis:
    Beim Erstellen einer Kartenvorlage können Sie kein Feld auswählen. Diese Auswahl erfolgt, wenn die Karte einem bestimmten Bildschirm zugeordnet wird.
    Height (Höhe) Höhe der Textkomponente in Pixel
    Width (Breite) Breite der Textkomponente in Pixel
    Corner radius (Eckradius) Der Eckradius der Textkomponente. Erhöhen Sie diesen Wert, um abgerundete Ecken für die Textkomponente zu erstellen.
    Top margin (Oberer Rand) Der obere Rand der Textkomponente in Pixel
    Right margin (Rechter Rand) Der rechte Rand der Textkomponente in Pixel
    Bottom margin (Unterer Rand) Der untere Rand der Textkomponente in Pixel
    Left margin (Linker Rand) Der linke Rand der Textkomponente in Pixel
    Text alignment (Textausrichtung) Ausrichtung des Texts in der Komponente. Wählen Sie einen dieser Werte aus:
    • Left (Links)
    • Mitte
    • Right (Rechts)
    Max number of lines (Maximale Anzahl von Zeilen) Die maximale Anzahl von Zeilen für den Text im Element
    Font weight (Schriftbreite) Die Schriftbreite für den Text. Wählen Sie einen dieser Werte aus:
    • Regular (Normal)
    • Bold (Fett)
    Font size (Schriftgröße) Die Schriftgröße für den Text. Geben Sie einen numerischen Wert ein.
    Text color (Textfarbe) Die Farbe des Texts. Der Wert für diese Eigenschaft ist ein HTML-Farbcode, z. B. #A0522D für Ockergelb.
    Hinweis:
    Sie können die Hintergrundfarbe einer Textkomponente nicht ändern, aber Sie können die Textkomponente innerhalb einer Containerkomponente platzieren und die Hintergrundfarbe des Containers ändern.