Zum Inhalt springen

Gruppieren Sie das Reduzieren/Erweitern, Akkordeon und Registerkarten im Jitterbit App Builder

App Builder unterstützt die Möglichkeit, Gruppen so zu konfigurieren, dass sie reduziert und erweitert werden, wenn auf den Titel der Gruppe geklickt wird. Akkordeon und Tab sind zwei Arten von Gruppen, die Informationen enthalten können und für die Darstellung logischer Gruppierungen von Informationen nützlich sind. Standardmäßig App Builder stellt das erste Steuerelement als erweitert (oder geöffnet) und den Rest als reduziert (oder geschlossen) dar.

Sie können das auf dem Akkordeon-Steuerelement angezeigte Bild anpassen, 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 im EIN-Zustand und dreht es um 90 Grad.

So konfigurieren Sie eine Gruppe mit Akkordeons

accordion.png

Beispiel für mit Akkordeons konfigurierte Gruppen

  1. Navigieren Sie zu dem Panel, in dem Sie die Gruppe konfigurieren möchten.
  2. Gehen Sie zur Action Drawer > Live Designer.
  3. Suchen (oder fügen Sie) das Panel hinzu, in dem Sie eine Gruppe hinzufügen möchten, und klicken Sie auf die entsprechende Schaltfläche Steuerelemente.
  4. Klicken Sie auf + Steuerelement, um den Assistenten Steuerelement hinzufügen zu öffnen.
  5. Stellen Sie den Steuerelementtyp auf Akkordeon ein.
  6. Weisen Sie einen Namen zu. Beispiel: Parcel.
  7. Der Steuerelement-Untertyp bestimmt, wie sich das Akkordeon verhält, wenn ein Set geöffnet wird. Standardmäßig ist er Einzeln. Klicken Sie, um ihn in Mehrfach zu ändern.
  8. Klicken Sie auf Weiter.
  9. Überprüfen oder ändern Sie den Steuerelementnamen und klicken Sie dann auf Fertigstellen.
  10. Fahren Sie mit der Erstellung der restlichen Gruppencontainer fort. Beispiel: Notes, Special Districts.
  11. Legen Sie den Parent-Wert aller verbleibenden Gruppen auf die Akkordeongruppe fest.
  12. Weisen Sie alle entsprechenden Steuerelemente mithilfe des Parent-Werts im Bedienfeld „Steuerelemente“ Gruppen zu.
  13. Um ein Gruppensteuerelement weiter zu konfigurieren klicken Sie auf Symbol Datensatz öffnen.
  14. Navigieren Sie zur Benutzeroberflächenansicht der Anwendung, aktualisieren Sie den Webbrowser und bestätigen Sie die Ergebnisse.

So konfigurieren Sie eine Gruppe mit Registerkarten

tabs.png

Beispiel für mit Tabs konfigurierte Gruppen

  1. Navigieren Sie zu dem Panel, in dem Sie die Gruppe konfigurieren möchten.
  2. Gehen Sie zur Action Drawer > Live Designer.
  3. Suchen (oder fügen Sie) das Panel hinzu, in dem Sie eine Gruppe hinzufügen möchten, und klicken Sie auf die entsprechende Schaltfläche Controls.
  4. Klicken Sie auf + Control.
  5. Stellen Sie den Control Type auf Tab ein.
  6. Weisen Sie einen Namen zu. Beispiel: Parcel.
  7. Weisen Sie das Parent als Panel-Container zu, in dem sich die Gruppe befindet. Beispiel: Parcel Information (SRP).
  8. Speichern und beenden.
  9. Fahren Sie mit der Erstellung der verbleibenden Gruppencontainer fort. Beispiel: Notes, Special Districts.
  10. Legen Sie den Parent-Wert aller anderen Gruppen auf die Registerkartengruppe fest.
  11. Weisen Sie alle entsprechenden Steuerelemente mithilfe des Parent-Werts im Bedienfeld „Steuerelemente“ Gruppen zu.
  12. Navigieren Sie zur Anwendungs-UI-Ansicht, aktualisieren Sie den Webbrowser und bestätigen Sie die Ergebnisse.