Zum Inhalt springen

Assistentenseiten im Jitterbit App Builder

Assistent ist eine der Seitenlayoutoptionen, die in App Builder. Wenn eine Seite mit dem Wizard-Layout gestaltet wird, App Builder zeigt nacheinander die Bedienfelder mit den Schaltflächen Zurück, Weiter und Fertig an, um durch die Bildschirme zu navigieren.

Auf der Assistentenseite können Sie der unteren Navigationsleiste neben Zurück, Weiter und Fertig weitere Schaltflächentypen hinzufügen. Weitere Informationen finden Sie im Abschnitt „So überschreiben Sie Assistentenschaltflächen“ in diesem Artikel.

Klicken Sie auf Assistentenseiten einfach auf ein Feld und alle bearbeitbaren Felder werden verfügbar. Um Änderungen zu speichern, klicken Sie bis zum letzten Bedienfeld durch und klicken Sie dann auf Fertig. Wenn Sie auf das X in der oberen rechten Ecke klicken, wird die Seite geschlossen, ohne die Änderungen zu speichern.

Es gibt viele Geschäftsszenarien, in denen Sie eine Assistentenseite verwenden könnten. Ein Beispiel ist ein Bestellformular, bei dem es mehrere Schritte gibt und Sie die Informationen visuell auf separate Bildschirme aufteilen möchten.

wizardexample.png

Assistentenerweiterungen

Assistenten verfügen über die folgenden Verbesserungen:

  • Auf den Bildschirmen wird ein Fortschrittsbalken angezeigt, um den aktuellen Schritt im Assistenten zu verfolgen
  • Unterstützung für die Spalte Panel-Sichtbarkeit, die es dem Entwickler ermöglicht, ein Panel dynamisch auszublenden/einzublenden/deaktivieren:

    • Anzeigen - Das Panel wird in den Schritten aufgelistet und der Benutzer gelangt normal dorthin
    • Versteckt - Das Panel ist in den Schritten nicht aufgeführt und der Benutzer überspringt es
    • Deaktiviert - Das Panel ist in den Schritten aufgeführt, aber durchgestrichen und der Benutzer überspringt es
  • Explizite Unterstützung für benutzerdefinierte Schaltflächen Zurück, Weiter und Fertig, sodass der Benutzer eine Schaltfläche aus seinem Bedienfeld zu einer dieser Schaltflächen in der Navigation des Assistenten machen kann.

  • Hilfetext - Der Hilfetext des Bedienfelds wird unter dem Fortschrittsbalken angezeigt.

So konfigurieren Sie eine Assistentenseite

  1. Navigieren Sie zur App Workbench
  2. Klicken Sie auf die Schaltfläche + Seite
  3. Geben Sie einen Seitennamen ein. Beispiel: Bestelldetails
  4. Klicken Sie auf Weiter
  5. Wählen Sie das Menü aus, von dem aus Sie die Seite verlinken möchten. Beispiel: Home
  6. Klicken Sie auf Weiter
  7. Wählen Sie Assistent als Panel-Layout und klicken Sie auf Weiter
  8. Überprüfen Sie die vorgeschlagenen Aktualisierungen und klicken Sie auf Fertigstellen
  9. Klicken Sie auf die Schaltfläche Fortfahren, um den ersten Bildschirm im Assistenten zu konfigurieren
  10. Wählen Sie den Panel-Typ für die Anzeige und klicken Sie auf Weiter. Beispiel: Raster
  11. Wählen Sie die Panelquelle aus und klicken Sie auf Weiter
  12. Wählen Sie aus, ob Sie den Bildschirm Automatisch erstellen oder Manuell auswählen möchten und klicken Sie auf Weiter
  13. Überprüfen Sie die vorgeschlagenen Aktualisierungen und klicken Sie auf Fertigstellen
  14. Klicken Sie auf Weiter, um den zweiten Bildschirm im Assistenten zu konfigurieren
  15. Wiederholen Sie die Schritte 10-14, bis Sie alle Bildschirme konfiguriert haben
  16. Um Änderungen an den Assistentenbildschirmen vorzunehmen, gehen Sie zu Action Drawer > Live Designer

So überschreiben Sie Assistentenschaltflächen

Wie in den Assistentenerweiterungen erwähnt, können Sie jetzt die Schaltflächen „Zurück“, „Weiter“ und „Fertig“ überschreiben. Dazu fügen Sie einen Schaltflächensteuerungstyp hinzu und geben dann den Schaltflächenuntertyp an, der die Schaltfläche im Assistentenfenster ansprechen soll. Mit dieser Methode können Sie das Verhalten der Schaltfläche anpassen.

Beispiele für Anwendungsfälle, in denen Sie eine Schaltfläche anpassen möchten, sind die Ausführung eines benutzerdefinierten Ereignisses, wenn die Schaltfläche „Weiter“ gedrückt wird, oder die Navigation zu einer neuen Seite, wenn auf die Schaltfläche „Fertig“ geklickt wird.

  1. Navigieren Sie zum Assistenten, um Änderungen vorzunehmen.
  2. Gehen Sie zu Action Drawer > Live Designer
  3. Klicken Sie auf Fenster anzeigen und doppelklicken Sie auf das Fenster, auf dem Sie eine Schaltfläche überschreiben möchten.
  4. Klicken Sie auf die Schaltfläche + Steuerung
  5. Wählen Sie Schaltfläche als Steuerungstyp
  6. Geben Sie einen Namen für die Schaltfläche ein. Beispiel: Senden
  7. Wählen Sie den gewünschten Steuerelement-Untertyp, je nachdem, wo im Assistenten Sie die Schaltfläche platzieren möchten
    • Weiter = Assistentenschaltfläche, die zum nächsten Bildschirm führt
    • Fertig = Assistentenschaltfläche, die den Assistenten abschließt und beendet
    • Zurück = Assistentenschaltfläche, die zur vorherigen Folie führt
  8. Klicken Sie auf Weiter
  9. Weisen Sie optional ein auszuführendes Ereignis oder eine zu verlinkende Seite zu und klicken Sie auf Weiter
  10. Überprüfen Sie die vorgeschlagenen Aktualisierungen und klicken Sie auf Fertig

Konfigurieren einer Schaltfläche „Fertig stellen“

Die Schaltfläche „Fertig stellen“ eines Assistenten ist eine Sonderfallkonfiguration. Eine Schaltfläche „Fertig stellen“ wird nur angezeigt, wenn sie im letzten sichtbaren Fenster eines Assistenten definiert ist. Um eine Schaltfläche „Fertig stellen“ zu konfigurieren oder zu überschreiben, müssen Sie dies im letzten sichtbaren Fenster des Assistenten tun.

Wenn Ihr Assistent bedingte Pfade hat, können Sie für jedes Fenster, das das letzte sichtbare Fenster sein könnte, eine Schaltfläche „Fertig stellen“ definieren und App Builder wird angepasst, um je nach Bedarf entweder die Schaltfläche „Weiter“ oder „Fertig stellen“ sichtbar zu machen. Wenn Sie möchten, dass vor der letzten sichtbaren Seite eine Schaltfläche „Fertig stellen“ angezeigt wird, können Sie eine Schaltfläche „Weiter“ oder eine andere Schaltfläche definieren, die Beschriftung auf „Fertig stellen“ setzen und sie schließen oder zu einer anderen Seite navigieren lassen, um den gewünschten Effekt zu erzielen.

  1. Navigieren Sie zum Assistenten zum Ändern
  2. Gehen Sie zu Action Drawer > Live Designer
  3. Klicken Sie auf die Tab Alle Bedienfelder
  4. Suchen Sie das letzte sichtbare Feld und klicken Sie auf das Symbol, um Datensatz öffnen
  5. Klicken Sie auf + Strg
  6. Stellen Sie den Steuerungstyp auf Schaltfläche ein.
  7. Setzen Sie den Control Subtype auf Finish
  8. Geben Sie den Namen ein, der auf der Schaltfläche angezeigt werden soll. Beispiel: Senden
  9. Klicken Sie auf Weiter
  10. Wenn der Button ein Ereignis ausführen oder auf eine Seite verlinken soll, legen Sie diese Werte fest
  11. Klicken Sie auf Weiter
  12. Überprüfen Sie die vorgeschlagenen Updates und klicken Sie auf Fertig