MCB-Komponenten

Komponenten hinzufügen und entfernen

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 ein HTML-Farbcode, z. B. `#A0522D` für Ockergelb.
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 ein HTML-Farbcode, z. B. `#A0522D` für Ockergelb.
Rahmenfarbvariable	Die Farbvariable des Schaltflächenrahmens.
Rahmenfarbe	Die Farbe des Schaltflächenrahmens. Der Wert für diese Eigenschaft ist ein HTML-Farbcode, z. B. `#A0522D` für Ockergelb.

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 : 2. Containerkonfiguration – Eigenschaften
Eigenschaft	Beschreibung
Eigenschaften
Element-ID	Das eindeutige JSON-ID-Attribut des Containers.
Bildschirm
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.
Darstellung
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) Automatisch
Hintergrund-Typ	Der Typ des Hintergrunds, den der Container haben soll. Wählen Sie einen dieser Werte aus: Keine Farbe Bild

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 ein HTML-Farbcode, z. B. `#A0522D` für Ockergelb.

Images

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 : 4. Bildkonfiguration – Eigenschaften
Eigenschaft	Beschreibung
Eigenschaften
Element-ID	Das eindeutige JSON-ID-Attribut des Bildes.
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 des Bilds. Erhöhen Sie diesen Wert, um abgerundete Ecken für das Bild zu erstellen.
Bild
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 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 : 5. Textkonfiguration – Eigenschaften
Eigenschaft	Beschreibung
Eigenschaften
Element-ID	Das eindeutige JSON-ID-Attribut des Texts.
Bildschirm
Feldtyp	Der Typ des Textfelds. Wählen Sie einen dieser Werte aus: Field value (Feldwert) Field label (Feldbezeichnung) Statischer Text
Textwert	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.
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 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
Textfarbvariable	Die Farbvariable für Ihren Text.
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.

Videos

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

Tabelle : 6. Eigenschaften der Videokonfiguration
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 einen dieser Werte 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.