Benutzerhandbuch zur Navigation in der Benutzeroberfläche von Jitterbit App Builder

Übersicht

Dieses Handbuch führt durch die Navigation in der Benutzeroberfläche von App Builder und behandelt folgende Themen:

• Panel Layout Service: Die Bausteine, die App Builder zum Gestalten einer Seite verwendet: Panels, Layouts, Slides und Bildschirmgrößen.
• Navigation in App Builder: Wie Seiten und Panels organisiert sind und ein Überblick über alle Panel-Typen.
• Navigation zwischen Seiten: Wie Seiten miteinander verlinkt sind, einschließlich verschachtelter Menüs und Popup-Seiten.
• Panels bearbeiten: Hinzufügen, Bearbeiten und Löschen von Panel-Daten sowie Nachverfolgung von Änderungen mit Audit Lite und Full Audit.
• Fehlerbehebung: Häufige Navigationsprobleme und deren Lösung.

Hilfe zur erstmaligen Installation und Konfiguration von App Builder finden Sie im Installationshandbuch. Bei weiteren Fragen kontaktieren Sie vinylinfo@jitterbit.com.

App Builder ist eine browsergestützte Entwicklungsplattform, mit der mehrere Benutzer Web-Anwendungen gegen beliebig viele Datenquellen erstellen können. Sie wird für Anwendungsfälle eingesetzt, die von der Anzeige von Kundeninformationen und Bestandslisten bis zur Automatisierung von Gehaltsabrechnungen und zum Aufbau benutzerdefinierter Kundenportale reichen. App Builder ist plattformunabhängig: Es läuft in jedem modernen Browser, stellt eine Verbindung zu Datenquellen von praktisch jedem großen Datenbankdienst her und passt sich durch sein responsives Design automatisch an jede Bildschirmgröße an, einschließlich mobiler Geräte.

Panel Layout Service

Der Panel Layout Service ist das proprietäre responsives Designsystem von App Builder: Er ermöglicht es, eine Seite einmal zu entwerfen und App Builder eine angemessene Darstellung unabhängig von der Bildschirmgröße vornehmen zu lassen. Eine App Builder-Anwendung wird aus den folgenden grundlegenden Komponenten erstellt, die der Panel Layout Service anordnet (siehe auch Panel, Page, Layout und Control im Glossar):

• Panel: Der grundlegende Baustein einer Seite. App Builder zeigt immer mindestens ein Panel an, auch auf dem kleinsten Bildschirm. Ein Panel präsentiert dem Benutzer Informationen, entweder eine Sammlung von Datenzeilen oder einen einzelnen Datensatz, formatiert auf strukturierte Weise (horizontal oder vertikal tabellarisch) oder unstrukturiert und benutzerdefiniert.

• Seite: Eine Sammlung von Panels. Eine Seite kann nur ein Panel oder mehrere haben.

• Layout: Definiert, wie Panels angezeigt werden, wenn sie alle gleichzeitig auf dem Bildschirm sichtbar sind. Beispielsweise können Panels vertikal gestapelt werden (Panel A über Panel B) oder horizontal (Panel A links von Panel B). App Builder unterstützt auch das Gruppieren von Panels, sodass Panel A und Panel B nebeneinander stehen können, während beide über Panel C liegen, wobei A und B ihre eigene Gruppe bilden.

• Slide: Eine Teilmenge von Panels, die auf einmal auf einem Bildschirm dargestellt werden. Wenn nicht alle Panels auf den Bildschirm passen, rendert App Builder die entsprechende Teilmenge als Slide und ermöglicht dem Benutzer, zwischen Slides zu wechseln, um den Rest zu sehen.

• Bildschirmgröße: Gemessen in Pixelhöhe und -breite und von App Builder in eine Anzahl verfügbarer Panels umgerechnet. Beispielsweise ist ein Bildschirm, der ein Panel darstellt, 1x1 (ein Panel hoch, ein Panel breit); ein breiterer Bildschirm, der zwei Panels nebeneinander darstellt, aber immer noch nur ein Panel hoch ist, ist 1x2. Die Bildschirmgröße hilft App Builder, das beste Layout für Panels und Gruppen zu bestimmen.

• Control: Das, was ein Panel anzeigt: Ein vollständiges Datenraster, ein einzelner Eintrag, eine Schaltfläche oder verschiedene andere Optionen. Mit Controls können Benutzer auswählen, welche Informationen die Anwendung anzeigt und wie diese verwendet werden.

App Builder verwendet das Layout einer Seite, um zu bestimmen, welche Panels gerendert werden und wo. Abhängig von der Bildschirmgröße kann App Builder die Anzahl der angezeigten Panels verringern und dabei dennoch das Layout beibehalten; der Panel Layout Service entscheidet, welche Panels weggelassen werden und wie die verbleibenden angeordnet werden.

Wenn der Panel Layout Service Panels weglässt, erstellt er eine Sammlung von Slides, von denen jede eine Teilmenge von Panels enthält, die nach dem Layout der Seite angeordnet sind. Der Benutzer sieht zunächst den ersten Slide und kann zu beliebigen zusätzlichen Slides navigieren, um den Rest zu sehen.

Navigation in App Builder

Das responsive Layout von App Builder verwendet flexible, proportionsbasierte Raster (relative Prozentsätze statt fester Pixeleinheiten), um Anwendungen ein einheitliches Anzeigeerlebnis auf allen Geräten zu ermöglichen. Panels werden nach ihrer Reihenfolge gruppiert und angezeigt – ein Wert, den der Anwendungsdesigner festlegt – wobei niedrigere Zahlen Vorrang haben. Auf einem Mobilgerät zeigt App Builder nur die Panels mit höchster Priorität an; auf die übrigen greift man durch Scrollen mit den Pfeilen in der oberen rechten Ecke oder über das Action Drawer zu. Bei kleineren Bildschirmen kann zusätzliches Scrollen erforderlich sein, um alle Panels in der Anwendung zu erreichen.

Um App Builder zu verwenden, geben Sie Ihren Benutzernamen und Ihr Passwort auf dem Anmeldebildschirm ein (wenden Sie sich an einen Administrator, falls Sie keine Anmeldedaten haben). Die Site Menu-Seite zeigt dann alle Anwendungen an, auf die Sie Zugriff haben, sortiert nach Menüpriorität.

Seiten

Eine App Builder-Anwendung ist die Gesamtmenge der Panels und Anzeigen, die einen bestimmten Bedarf unter Verwendung der verfügbaren Daten erfüllen. Jede Anwendung enthält mindestens eine Seite, auf der die Daten selbst angezeigt werden. Auf jede Seite kann man über das Navigationsmenü oder als Link auf einer anderen Seite zugreifen. Seiten können sich gegenseitig unter Verwendung von Textlinks und Popup-Seiten referenzieren.

Jede Seite besteht aus einem oder mehreren Panels – entweder ein einzelnes großes Panel oder mehrere kleinere, die zusammen gruppiert sind. Aufgrund des responsiven Designs von App Builder variiert die Anzahl der gleichzeitig angezeigten Panels je nach Gerät, Bildschirmgröße und Auflösung. Wenn ein Bildschirm zu klein ist, um alle Panels gleichzeitig anzuzeigen, skaliert und positioniert App Builder die Panels der Seite automatisch neu, um das beste Erlebnis zu bieten.

Assistenten-Seiten

App Builder-Anwendungsseiten unterstützen drei Layout-Optionen:

• Nebeneinander: App Builder zeigt Panels von links nach rechts an, basierend auf der Reihenfolge.
• Gestapelt: App Builder zeigt Panels von oben nach unten an, basierend auf der Reihenfolge.
• Assistent: App Builder zeigt Panels nacheinander an, mit Schaltflächen zur Navigation zwischen ihnen.

Nebeneinander und Gestapelt sind unkompliziert: Sie beeinflussen das Layout der Panels auf der Seite. Assistent beeinflussen stattdessen die Darstellung der gesamten Seite und zeigen Panels nacheinander mit Schaltflächen Zurück, Weiter und/oder Fertig an.

Klicken Sie auf den meisten Anwendungsseiten auf eine Schaltfläche Bearbeiten oder auf das Bleistift-Bearbeitungssymbol, um die Felder einer Datentabelle zu bearbeiten. Klicken Sie auf Assistent-Seiten stattdessen auf ein beliebiges Feld, um alle Felder auf diesem Panel bearbeitbar zu machen. Navigieren Sie zur letzten Seite und klicken Sie auf Fertig, um Ihre Änderungen zu speichern, oder klicken Sie auf das X in der oberen rechten Ecke, um die Seite ohne Speicherung zu schließen.

Panels

Jedes Panel besteht aus Steuerelementen. Ein Steuerelement ist eine definierte Menge von Daten, die in einem Panel angezeigt werden – von einer Teilmenge der Spalten einer Datenbanktabelle bis hin zu einer Schaltfläche oder den Werten eines Diagramms. Der verwendete Panel-Typ bestimmt, wie ein Steuerelement angezeigt wird.

Wenn ein Panel mehr Steuerelemente enthält, als auf dem Bildschirm Platz haben, klicken Sie auf das Pfeil-Symbol in der oberen rechten Ecke des Panels, um das Panel zu maximieren und auf alle Steuerelemente zuzugreifen. Klicken Sie erneut darauf, um das Panel auf seine Standardgröße zurückzusetzen.

App Builder gruppiert seine Panel-Typen in die gleichen drei Kategorien, die im Dialog Panel erstellen angezeigt werden: Dynamisch, Bericht und Edge Case. Siehe Panels für die vollständige Referenz; die folgenden Abschnitte behandeln die gleichen Panel-Typen im Kontext der alltäglichen Navigation.

Grid

Grid ist der grundlegende Panel-Typ zur Anzeige mehrerer Datenzeilen gleichzeitig. Dieser Panel-Typ zeigt spezifische Spalten aus der ausgewählten Datenquellentabelle oder dem Objekt an. Klicke auf den Titel einer Spalte, um ihre Zeilen aufsteigend oder absteigend zu sortieren.

Die Gesamtzahl der Zeilen in einem Grid-Panel wird in der oberen rechten Ecke über den Spaltentiteln angezeigt. Je nach Gesamtzahl der Datensätze zeigt App Builder möglicherweise nur eine Teilmenge der Zeilen auf einmal an; klicke auf Weitere Zeilen laden am unteren Ende des Panels, um mehr zu laden.

Grid-Panels unterstützen das Speichern, Suchen und Filtern ihrer Datentabellen, was das Arbeiten mit spezifischen Zeilen erleichtert. Klicke auf das Symbol Speichern in der oberen rechten Ecke des Panels, um die Datentabelle zu speichern; ein Speicherdialog ermöglicht es dir, den Speicherort auszuwählen. App Builder speichert Datentabellen als CSV-Dateien (Comma Separated Value), ein textbasiertes, tabellenstrukturiertes Format, das sich in fast jedem Tabellenkalkulations- oder Datenbankverwaltungsprogramm öffnet.

Klicke auf das Symbol Suchen, um eine Suchleiste oben im Panel zu öffnen, gib dann ein Stichwort ein und drücke die Eingabetaste zum Suchen.

Klicke auf das Symbol Filter in der oberen rechten Ecke des Panels, um eine Datentabelle auf nur die Zeilen zu filtern, die bestimmte Kriterien erfüllen. Dies öffnet ein Popup, das die Spaltentitel auflistet:

Gib deine Filterkriterien in das Textfeld ein und klicke dann auf Filter ausführen. Du kannst mehrere Werte oder Kriterien gleichzeitig filtern.

App Builder zeigt dann eine Überschrift mit den angewendeten Filterkriterien an und nur die Zeilen, die diese erfüllen. Klicke auf das X in der rechten Ecke der Kriterienüberschrift, um den Filter zu entfernen.

Form

Form-Panels zeigen eine einzelne Datenzeile aus der ausgewählten Datenquelle an. Dieser Panel-Typ ist besonders als Popup-Fenster oder Detail-Seite nützlich. Wenn ein Form-Panel mehrere Steuerelemente hat, wird jedes einzeln angezeigt.

Tile

Tile-Panels kombinieren das Verhalten von Grid- und Form-Panels: Wie Grid-Panels zeigen sie mehrere Informationssätze gleichzeitig an, ordnen aber Daten aus den Quellentabellen oder Objekten in Blöcken von links nach rechts statt in Spalten an. Wie bei Form-Panels werden Steuerelemente mit anderen Steuerelementen an der gleichen Position in der Datentabelle gruppiert.

File Browser

File Browser-Panels verknüpfen sich mit einem lokalen oder Netzwerk-Dateisystem und ähneln einem Dateiverzeichnis. Dieser Panel-Typ ermöglicht Benutzern, Dateien auf einen Server hochzuladen und auf ein Gerät herunterzuladen, und unterstützt die Navigation in Unterverzeichnissen, die durch ein Ordnersymbol gekennzeichnet sind.

Custom HTML

Custom HTML-Panels verwenden HTML/CSS-Vorlagen zur Anzeige von Daten und Bildern. Sie bieten ein hohes Maß an Kontrolle über die Anzeigeausgabe und ähneln einer Standard-Webseite.

Charts

Chart-Panels zeigen Daten in einer grafischen Darstellung an. App Builder unterstützt viele Diagrammtypen, darunter Balken, Säule, Linie und Fläche. Diagramme können mit ihren zugrunde liegenden Daten verknüpft werden, sodass ein Benutzer durchklicken kann, um die unterstützenden Datensätze anzuzeigen.

Erforderliche Steuerelement-Typen

• Kategorie: Stellt die x-Achse (horizontal) auf dem Diagramm dar.
• Wert: Stellt die y-Achse (vertikal) auf dem Diagramm dar.

Optionale Steuerelementtypen

• Farbe: Farbwert, der vom Diagramm verwendet wird.
• Sortierung: Ermöglicht es dir, eine Sortierung auf den ausgewählten Wert anzuwenden.
• Flag: Wird verwendet, um ein Ereignis oder einen interessanten Punkt zu markieren.
• JSON-Optionsobjekt: JSON-Objekt, das Diagrammoptionen überschreibt.

Die Diagramm-Optionen umfassen 3D-Balken, 3D-Säule, 3D-Ring, 3D-Kreisdiagramm, Fläche, Gestapelte Fläche, Balken, Blase, Säule, Trichter, Linie, Marimekko, Gemischt, Prozentuale Fläche, Kreisdiagramm, Pyramide, Halbkreis-Ring, Spline, Gestapelte Balken und Gestapelte Säule.

Um ein Diagramm-Panel zu drucken, klickst du auf das Menü Action Drawer in der rechten Ecke des Panels und wählst Diagramm drucken. Du kannst das Diagramm als .PNG, .JPEG, .PDF oder .SVG-Vektorbild herunterladen.

Gantt

Gantt ist ein Panel-Typ, der ein Gantt-Diagramm anzeigt und sich eignet, um Projekte zu planen und zu verwalten: damit kannst du bewerten, wie lange ein Projekt dauern sollte, die erforderlichen Ressourcen bestimmen und die Reihenfolge planen, in der du die Aufgaben abschließt. Gantt-Diagramme sind auch nützlich zum Verwalten von Abhängigkeiten zwischen Aufgaben.

Um ein Gantt-Diagramm auf einem Gantt-Panel zu verwenden, benötigst du ein Geschäftsobjekt, das Informationen für die erforderlichen Steuerelemente enthält. Gantt-Diagramme können auch Aufgabenabhängigkeiten und Aufgabengruppen darstellen, sofern diese Informationen im Geschäftsobjekt konfiguriert sind.

Erforderliche Steuerelementtypen

• Aufgabe: Stellt eine einzelne Projektaufgabe dar, die nachverfolgt wird.
• Startdatum: Stellt das Anfangsdatum der Aufgabe dar.

Optionale Steuerelementtypen

• Enddatum: Stellt das Enddatum der Aufgabe dar.
• Farbe: Farbwert für die Aufgabe auf dem Diagramm.
• Abhängigkeit: Bestimmt die Beziehung von der Aufgabe zu den anderen Aufgaben, von denen sie abhängt.
• Übergeordnete Aufgabe: Ein Verweis auf eine andere Aufgabe aus dem Geschäftsobjekt, das für die hierarchische Anordnung verwendet wird.
• Sortierung: Ermöglicht es dir, eine Sortierung auf den ausgewählten Wert anzuwenden.
• Aufgabengruppe: Wird verwendet, um mehrere Aufgaben zu gruppieren oder auf derselben Zeile zu platzieren.

Frame

Frame-Panels reservieren einen Bereich auf dem Bildschirm, in den alle angeklickten Seitenlinks geladen werden. Der Frame-Panel-Typ hat keinen eigenen Inhalt – wenn ein Frame-Panel auf einem Bildschirm vorhanden ist, wird die Seitennavigation dorthin gelenkt, anstatt den gesamten Bildschirm zu ersetzen. Dieser Panel-Typ wird am häufigsten verwendet, um ein persistentes Seitenmenü sichtbar zu halten, wobei der Container des Frame-Panels die Seite darin rendert. Weitere Informationen, einschließlich des Verlinkens aus einem Frame-Panel, findest du unter Frame-Panel.

Kalender

Kalender-Panels füllen einen Kalender mit Informationen aus der ausgewählten Datenquelle. Wie Diagramm-Panels können Kalender-Panels mit einem anderen Panel verknüpft werden, um mehr Details zu einem Ereignis im Kalender anzuzeigen.

Erforderliche Steuerelementtypen

• Beschreibung: Bestimmt, was auf dem Kalender angezeigt wird; normalerweise der Name eines Ereignisses.
• Ereignisstart: Bestimmt, an welchem ​​Tag das Ereignis beginnt; kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden.
• Ereignisende: Bestimmt, an welchem ​​Tag das Ereignis endet; kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden.

Optionale Steuerelementtypen

• Farbe: Farbwert, den der Kalender verwendet, um Ereignisse zu kennzeichnen.
• Sortierung: Ermöglicht es dir, eine Sortierung auf die ausgewählten Werte anzuwenden.

So änderst du das Datum und die Uhrzeit eines Ereignisses:

1. Wähle das Ereignis aus.
2. Klicke im Panel, das die Informationen des Ereignisses anzeigt, auf das Stiftsymbol.
3. Passe das Datum und die Uhrzeit nach Bedarf an und klicke dann auf das Häkchensymbol, um zu speichern.

So fügst du ein neues Ereignis zum Kalender hinzu:

1. Wählen Sie ein vorhandenes Ereignis aus und klicken Sie auf die Schaltfläche Hinzufügen.
2. Geben Sie einen Titel für das Ereignis ein und wählen Sie dann ein Datum aus dem Kalender-Dropdown-Menü.
3. Bei Steuerelementen mit aktivierter Zeit und Datum klicken Sie auf das Symbol Zeit, um eine Uhr anzuzeigen.
4. Klicken Sie auf das Symbol Häkchen, um zu speichern.
5. Aktualisieren Sie die Seite, um Ihre Änderungen reflektiert zu sehen.

Pivot

Pivot-Bereiche zeigen eine Pivot-Tabelle mit Informationen aus einer Datenquelle an.

Erforderliche Steuerelementtypen

• Spalte: Füllt die Spaltenüberschriften auf.
• Zeile: Füllt die Zeilenüberschriften auf.
• Wert: Zeigt die relevanten Daten aus der Quelle an.

Netzwerkdiagramm

Netzwerkdiagramm-Bereiche zeigen Verbindungen zwischen mehreren Entitäten an. Jede Entität wird durch einen Knoten dargestellt, und Verbindungen zwischen Knoten werden durch Links dargestellt.

Erforderliche Steuerelementtypen

• Von: Der Knoten, von dem dieser Link stammt.
• Knoten: Der Netzwerkdiagramm-Knoten selbst.
• Knotenbeschriftung: Die Beschriftung des Netzwerkdiagramm-Knotens.

Optionale Steuerelementtypen

• JSON-Optionsobjekt: JSON-Objekt, das Diagrammoptionen außer Kraft setzt.
• Link-Farbe: Die Farbe des Netzwerkdiagramm-Links.
• Farbe: Farbwert für ein Ereignis oder eine Aufgabe.

Bereich

Bereich-Panels zeigen gruppierte Informationen an. Sie ähneln Kachel-Panels darin, dass sie Daten in einem Formular-Panel-Format gruppiert anzeigen, können aber vertikal oder horizontal konfiguriert werden.

Karte

Karte-Bereiche zeigen eine Karte an, auf der Steuerelemente nach geografischem Standort visualisiert werden können. Verschiedene Karten, die über die Highmaps-API bereitgestellt werden, können je nach den Daten, die Sie anzeigen möchten, ausgewählt werden.

Erforderliche Steuerelementtypen

• Kategorie: Land, Bundesstaat usw.
• Wert: Mit der Kategorie verknüpfter Wert.

Optionale Steuerelementtypen

• JSON-Optionsobjekt: JSON-Objekt, das Diagrammoptionen außer Kraft setzt.
• Farbe: Farbwert für ein Ereignis oder eine Aufgabe.

Weitere Informationen zu Karte-Bereichen finden Sie im Artikel Karten-Bereich. Dokumentation zu den Quellkarten im Karte-Bereich finden Sie unter Highcharts Maps.

Navigation zwischen Seiten

Es gibt zwei Hauptmöglichkeiten, zwischen Seiten in Anwendungen zu navigieren. Auf einem großen Bildschirmgerät werden Seiten als Textlinks in der oberen rechten Ecke des Bildschirms aufgelistet, wobei die angezeigte Anzahl von der verfügbaren Bildschirmbreite abhängt. Obwohl dies die schnellste und einfachste Möglichkeit ist, zwischen Seiten zu wechseln, ist dies auf kleineren Geräten wie einem Smartphone oder Tablet nicht machbar.

Auf alle Seiten können jederzeit zugegriffen werden, indem man die Aktionsleiste öffnet. Wenn man darauf klickt, verwandelt sich das Symbol der Aktionsleiste in ein X, das dann angeklickt werden kann, um sie zu schließen. Eine Überschrift mit der derzeit geöffneten Anwendung wird aufgelistet, ebenso wie alle in der Anwendung enthaltenen Seiten. Klicken Sie einfach auf die gewünschte Seite, um dorthin zu gelangen.

Seiten können so konfiguriert werden, dass sie direkt miteinander verlinkt sind. Dieser Link kann als Schaltfläche, Bild oder Textlink hinzugefügt werden, ein Chevron-Symbol () auf der rechten Seite der Seite oder ein Panel. Wenn ein Panel zum Verlinken auf eine andere Seite verwendet wird, steuern die Einstellungen Link Target und Replace Page In History das Verhalten dieses Links. Weitere Informationen finden Sie unter Konfigurieren, wie verlinkte Seiten geöffnet werden.

Konfigurieren, wie verlinkte Seiten geöffnet werden

Ein Panel zum Verlinken auf eine andere Seite hat zwei zugehörige Einstellungen im Abschnitt Navigation des Tabs Edge Case:

• Link Target: Steuert, wo die verlinkte Seite geöffnet wird:

  • _blank: Öffnet den Link in einem neuen Tab oder Fenster, abhängig von den Browsereinstellungen des Benutzers.
  • _parent: Öffnet den Link im übergeordneten Frame, wenn die Anwendung in einem iframe einer anderen Anwendung geladen ist.
  • _self: Öffnet den Link im aktuellen Fenster.
  • _top: Öffnet den Link im obersten Frame, wenn die Anwendung in mehreren iframes einer anderen Anwendung geladen ist.
  • App Builder: Öffnet den Link in der aktuellen App-Builder-Instanz.
  • App Builder - Exit Frame Panel: Öffnet den Link in App Builder und beendet das Frame-Panel. Weitere Informationen finden Sie unter Frame-Panel beenden.

• Replace Page In History: Steuert, wohin die Schaltfläche < Zurück führt, nachdem die verlinkte Seite geladen wurde. Normalerweise wird beim Navigieren zu einer neuen Seite ein neuer Stopp zur Seitenhistorie hinzugefügt, sodass ein Klick auf < Zurück zur vorherigen Seite führt. Durch Aktivieren von Replace Page In History wird dieser Schritt übersprungen: Statt einen neuen Stopp hinzuzufügen, verwendet die verlinkte Seite das < Zurück-Ziel des vorherigen Stopps erneut, sodass ein Klick auf < Zurück die Seite überspringt, die der Benutzer gerade verlassen hat, und eine Seite weiter zurückgeht. Wenn beispielsweise eine Popup-Seite mit dieser Einstellung aktiviert auf eine andere Seite verlinkt, führt < Zurück den Benutzer zur Seite, von der das Popup ursprünglich geöffnet wurde, anstatt zum Popup zurückzukehren. So bleibt < Zurück für die verlinkte Seite unabhängig davon auf eine konsistente Seite ausgerichtet, von welcher Seite der Benutzer dorthin navigiert ist.

Nicht alle Panel-Typen unterstützen Link To Page und Link Target.

Wenn sich das Ziel eines Links in eines ändert, das Replace Page In History nicht unterstützt (z. B. beim Ändern von Link Target, um den Link statt im aktuellen Fenster in einem neuen Browser-Tab zu öffnen), deaktiviert App Builder automatisch Replace Page In History, anstatt es mit keiner Auswirkung aktiviert zu lassen.

Link Target wird auch auf der Steuerebene angezeigt, nachdem das Feld Link to URL eines Steuerelements einen Wert hat. Weitere Informationen finden Sie unter Link to URL. Um den Wert eines Steuerelements stattdessen direkt auf eine Seite zu verlinken, lesen Sie Link To Page. Zum Verlinken aus einem Frame-Panel finden Sie weitere Informationen unter Frame-Panel beenden.

Verschachtelte Menüs

Navigationstextlinks oben auf einer Seite können verschachtelte Menüs enthalten. Diese verschachtelten Menüs sind eine erweiterte Liste von Links, die unter einer Überschrift gespeichert sind und durch Klicken auf den Dropdown-Pfeil neben der Kopfzeile aufgerufen werden können.

Popup-Seiten

Manchmal erfordert eine Seite keine vollständige Umleitung (z. B. die Bearbeitungs- oder Detailansicht), sondern kann stattdessen in einem Popup angezeigt werden, das über einer Basisseite angezeigt wird. Diese Seiten werden normalerweise durch Klicken auf einen Link oder das Popup-Symbol aufgerufen. Sie können mehrere Seiten oder Panels enthalten, die ähnlich wie eine Standardseite durchgescrollt werden können. Um zum Hauptbildschirm zurückzukehren, klicken Sie auf das X in der oberen rechten Ecke.

Bearbeitungspanels

Panel-Daten hinzufügen, bearbeiten und löschen

App Builder-Entwickler haben vollständige Kontrolle darüber, ob die Optionen Einfügen, Bearbeiten und Löschen auf einem Panel verfügbar sind, je nach geschäftlichem Anwendungsfall. Wenn beim Bearbeiten eines Panels eine Validierungsmeldung angezeigt wird, klicken Sie auf Fortfahren, um fortzufahren, oder auf Abbrechen, um zu stoppen.

Um einem Panel Informationen hinzuzufügen, klicken Sie auf die Schaltfläche Erstellen in der oberen linken Ecke des Panels. Für jede Spalte wird ein Textfeld entweder oben oder unten im Panel angezeigt, je nachdem, wie es konfiguriert ist. Füllen Sie die Felder aus und klicken Sie auf das Symbol Häkchen, um zu speichern, oder auf das X, um abzubrechen.

Um Informationen aus einem Panel zu löschen, klicken Sie auf das Symbol Mülleimer oder die Schaltfläche Löschen und dann auf Fortfahren, wenn eine Validierungsmeldung angezeigt wird.

Um Informationen in einem Panel zu bearbeiten, klicken Sie auf das Symbol Stift oder die Schaltfläche Bearbeiten. Ein Textfeld wird in jeder bearbeitbaren Spalte angezeigt. Füllen Sie die Felder aus und klicken Sie auf das Symbol Häkchen, um zu speichern, oder auf das X, um abzubrechen. Ein Panel kann auch so konfiguriert werden, dass es immer bearbeitbar ist. In diesem Fall können Sie direkt in einem Feld klicken, Ihre Änderung vornehmen und dann außerhalb des Feldes klicken, um es zu speichern.

Audit Lite

App Builder bietet zwei Möglichkeiten zum Nachverfolgen von Audit-Informationen innerhalb einer App: Audit Lite, das in diesem Abschnitt beschrieben wird, und Vollständiges Audit, das unten in Vollständiges Audit beschrieben ist und eine zusätzliche Konfiguration zum Aktivieren erfordert.

Panels, bei denen Änderungen nachverfolgt werden müssen, insbesondere bei einem zeitkritischen Projekt oder Update, können eine Schaltfläche Audit Lite enthalten, die die folgenden Informationen für eine Tabelle nachverfolgt:

• AddedBy: Der Benutzername der Person, die den Datensatz hinzugefügt hat.
• AddedOn: Das Datum, an dem der Datensatz hinzugefügt wurde.
• ChangedBy: Der Benutzername der Person, die den Datensatz zuletzt geändert hat.
• ChangedOn: Das Datum, an dem der Datensatz geändert wurde.

Wenn Audit Lite aktiviert ist, zeigen Raster- und Formular-Panels in einer Anwendung diese Nachverfolgungsdaten an. Benutzer mit Berechtigung zum Lesen von Audit-Informationen einer Tabelle können diese anzeigen, indem sie in der laufenden Anwendung auf die Schaltfläche Audit klicken.

Vollständiges Audit

Vollständiges Audit ist standardmäßig für neu erstellte Datenquellen und Tabellen aktiviert. Diese Audit-Funktion ergänzt Audit Lite und erfasst geschäftliche Änderungen an Ihren Daten, damit Sie diese später überprüfen können. Wenn Sie Vollständiges Audit aktivieren, erstellt App Builder eine spezielle Audit-Protokolltabelle namens App BuilderAuditLog in Ihrer Datenquelle und erfasst dort Änderungen für jede Tabelle mit aktiviertem Vollständigen Audit.

App Builder bereinigt oder löscht Datensätze in der Tabelle Vollständiges Audit standardmäßig nicht automatisch. Um dieses Verhalten zu ändern, siehe die Funktion Audit Config, mit der ein Administrator einen Aufbewahrungszeitraum konfigurieren kann, nach dem App Builder ältere Audit-Datensätze löscht. Weitere Informationen finden Sie unter Vollständiges Audit.

Fehlerbehebung

Eine Menüauswahl, eine Anwendungsseite oder ein Panel kann nicht gefunden werden, obwohl es an der richtigen Stelle hinzugefügt wurde

Berücksichtigen Sie beim Navigieren in einer Anwendung die Bildschirmgröße. Aufgrund des responsiven Designs von App Builder kann sich das Format einer Seite auf kleineren Bildschirmen leicht ändern: Gestapelte Panels werden möglicherweise stattdessen in einem navigierbaren Menü angezeigt, oder eine Spalte kann ausgeblendet werden, um die wichtigsten Daten sichtbar zu halten. Die Seitennavigation kann auch von der oberen Leiste in die Action Drawer verschoben werden.

Eine neue Anwendung fehlt in der Anwendungsliste, oder Änderungen an Menüelementen, Seiten, Panels oder Steuerelementen werden beim Testen einer Anwendung nicht angezeigt

Aktualisieren Sie den Browser (F5 in den meisten Browsern), um Änderungen an den Seiten, Panels oder Steuerelementen einer aktualisierten Anwendung zu sehen. Wenn das Aktualisieren die Änderungen nicht anzeigt, nehmen Sie die Bearbeitung erneut vor und stellen Sie sicher, dass Sie auf Speichern oder Fortfahren klicken.

Eine Anwendung ist offen und wird ausgeführt, aber es gibt keine Möglichkeit, sie zu bearbeiten

Die Möglichkeit, die Daten einer Anwendung zu bearbeiten, hängt vom Benutzer ab und basiert auf den Berechtigungen, die ein Administrator gewährt hat. Einige Benutzer verfügen möglicherweise nicht über die Berechtigung zum Bearbeiten von Seiten. Wenden Sie sich an einen Administrator, um zu überprüfen, dass die Bearbeitungsberechtigung erteilt wurde.