Zum Inhalt springen

Gruppen im Jitterbit App Builder

Die Gruppierungs-Funktion bietet einen Container für Steuerelemente, die Sie auf einer Seite visuell gruppieren möchten. Die Gruppierungsfunktion verfügt über zusätzliche Konfigurationseinstellungen, sodass Sie das Erscheinungsbild und die Anzeige der Steuerelemente im Container optimieren können. Über die Konfigurationsoptionen hinaus, die über das Gruppensteuerelement selbst verfügbar sind, können Sie Stile verwenden, um das Erscheinungsbild weiter zu gestalten.

Hinweis

Group kombiniert die früheren Zonen- und Control Set-Funktionen aus früheren Versionen von App Builder.

Funktionsübersicht

Gruppen bieten viele Konfigurationsmöglichkeiten, je nach gewünschter Ausgabe.

groupexamplestacked.png

Gruppenbeispiel mit dem Layouttyp „Gestapelt“

Gruppen unterstützen die folgenden Konfigurationsoptionen:

  • Wählen Sie beim Konfigurieren von Gruppen aus zwei Layouttypen für die Ausrichtung: Nebeneinander oder Gestapelt.
  • Möglichkeit, die relative Größe zu verwenden, um Inhalte so zu skalieren und zu füllen, dass sie den gesamten vertikalen und horizontalen verfügbaren Platz auf einer Seite ausfüllen.
  • Option zum Konfigurieren von Gruppen, sodass sie beim Klicken auf den Titel ein- und ausgeblendet werden.

  • Akkordeon und Registerkarte sind zwei Arten von Steuerelementen, die Informationen enthalten können und für die Darstellung logischer Informationsgruppierungen nützlich sind.

    • Standardmäßig App Builder stellt das erste Steuerelement als erweitert (oder geöffnet) und den Rest als reduziert (oder geschlossen) dar.

    • Passen Sie das auf einem Akkordeon-Steuerelement angezeigte Bild an, das verwendet wird, um den geöffneten/geschlossenen Zustand anzuzeigen. Wenn Sie für das Akkordeon keinen „Aus-Zustand“ wählen, App Builder verwendet das Bild des EIN-Zustands und dreht es um 90 Grad.

    • Der Standardzustand (offen oder geschlossen) kann für Akkordeonsteuerungen festgelegt werden.

So konfigurieren Sie eine Gruppe

Um Gruppen zu verwenden, erstellen Sie grundsätzlich eine Gruppe als Containersteuerelement und geben dann einzelne Steuerelemente an, die Sie in der Gruppe speichern möchten.

  1. Navigieren Sie zu der Seite, auf der Sie die Gruppe konfigurieren möchten.
  2. Gehen Sie zur Action Drawer > Live Designer.
  3. Wählen Sie das Panel aus der Entwurfsansicht aus.
  4. Klicken Sie auf die Schaltfläche + Strg.
  5. Weisen Sie der Gruppe einen Namen zu.
  6. Wählen Sie Gruppe als Steuerungstyp.

  7. Definieren Sie den Layouttyp. Beispiel: Nebeneinander.

    • Gestapelt: Platziert die Steuerelemente in separaten Zeilen und stapelt sie übereinander.
    • Nebeneinander: Platziert die Steuerelemente nebeneinander oder nebeneinander.

  8. Klicken Sie auf Weiter.

  9. Überprüfen Sie die Informationen und klicken Sie auf Fertig.
  10. Klicken Sie auf die Tab Alle Steuerelemente.
  11. Legen Sie für jedes Steuerelement, das Sie in der Gruppe haben möchten, den übergeordneten Wert auf den benannten Gruppenwert fest.

  12. Klicken Sie zur weiteren Konfiguration auf das Symbol „Datensatz öffnen“ für die Gruppensteuerung.

    • Auf der Tab Steuerelementeigenschaften können Sie den Steuerelementnamen und den Steuerelementtyp ändern, den Layouttyp ändern, festlegen, ob Gruppenränder angezeigt werden, das Steuerelement standardmäßig als geöffnet festlegen sowie das Steuerelement als aktiv oder inaktiv einstellen.
    • Über die Tab Position und Breite können Sie genau festlegen, wo auf dem Bedienfeld die Gruppe angezeigt wird, welche Breite ihr zugewiesen wird und welche Ausrichtung sie hat.
    • Auf der Tab Beschriftung können Sie die Beschriftungssichtbarkeit festlegen, den Beschriftungswert überschreiben und den Beschriftungstyp für das entsprechende Steuerfeld auf „Nebeneinander“ oder „Gestapelt“ einstellen.
    • Auf der Tab Edge Case können Sie Hover-Text (Hilfetext) eingeben, der angezeigt wird, wenn ein Benutzer mit der Maus über das Feld fährt.

Größenmethode „Komprimieren und Erweitern“

Wenn Sie für eine Gruppe den Layouttyp Side by Side verwenden, App Builder bietet Optionen für die Größenbestimmung zum Konfigurieren:

  • Komprimieren: Verschiebt den Gruppencontainer nach links und passt die Größe der Steuerelemente an den Inhalt an. Der Breitenwert kann verwendet werden, um die Steuerelementbreite zu überschreiben, die App Builder berechnet.
  • Erweitern: Passt die Größe der in der Gruppe enthaltenen Steuerelemente an, um die verfügbare Breite auszufüllen. Mit der Einstellung „Breite“ können die Größen fein abgestimmt werden. App Builder berechnet. Beachten Sie, dass die Steuerelementtypen Schaltfläche, Symbol und Bild bei Verwendung dieser Einstellung nicht so skaliert werden, dass sie die Breite ausfüllen.