Zum Inhalt springen

Verwandeln Sie Ihre Kontakte in Urlaubsgeld mit unserem neuen Kundenempfehlungsprogramm! Erfahren Sie mehr

Diese Dokumentation gilt für Version 4 und höher von App Builder, dem neuen Namen für Vinyl. Hier gelangen Sie zur Vinyl-Dokumentation.

So konfigurieren Sie ein Menü mit Registerkarten oder ein mobiles Menü im Jitterbit App Builder

App Builder unterstützt die Erstellung und Verwendung eines Tabbed- oder Mobile-Menüs für die App-Navigation auf Mobilgeräten. Mithilfe eines Tabbed- oder Mobile-Menüs können Sie mobilen Nutzern eine vertraute Navigation im Tabbed-Stil anzeigen, was zu einer besseren UI/UX-Erfahrung führt. Dieser Artikel führt Sie Schritt für Schritt durch die grundlegende Konfiguration zum Erstellen eines Tabbed- oder Mobile-Menüs im App Builder.

mobilemenu.png

Schritt 1: Erstellen Sie ein Menü mit Registerkarten oder ein mobiles Menü

Im ersten Schritt erstellen Sie ein Tabbed- oder Mobile-Menü für die App. Im zweiten Schritt erstellen wir dann eine Verknüpfung zum Menü unserer App.

  1. Navigieren Sie zur App Workbench
  2. Klicken Sie auf Menü
  3. Klicken Sie auf das Bleistift-Bearbeitungssymbol für den Mobil-Eintrag
  4. Klicken Sie auf die Schaltfläche + Menüpunkt
  5. Vergeben Sie einen Namen für die Tab. Zum Beispiel: Home
  6. Wenn die Tab auf eine Seite verweisen soll, legen Sie den Wert Link zur Seite fest. Beispiel: Bestelldetails
  7. Überprüfen Sie zusätzliche Einstellungen und legen Sie fest, ob Sie die Beschriftung, eine Tooltip-Beschriftung, ein Bild, ein Symbol usw. angeben möchten.
  8. Klicken Sie auf Speichern
  9. Klicken Sie auf die Schaltfläche + Menüelement
  10. Konfigurieren Sie die Informationen für die nächste Tab und Speichern Sie. Fahren Sie fort, bis das Menü vollständig ist.

Schritt 2: Verknüpfen Sie das Registerkarten- oder Mobilmenü mit der App

  1. Navigieren Sie zur App Workbench
  2. Klicken Sie auf Mehr > Edge Case
  3. Klicken Sie auf die Tab Regionen - Steuerelemente
  4. Stellen Sie das Mobile Menü auf das in Schritt 1 erstellte Mobile Menü ein
  5. Testen Sie die Anwendung von einem mobilen Gerät aus, um das Update zu bestätigen