Steuerelementtypen im Jitterbit App Builder
Steuerelemente sind definierte Datensätze, die in einem Panel angezeigt werden in App Builder, und Steuerelementtyp bestimmt, wie die Daten angezeigt werden und genauer gesagt, wie sie aussehen. Während die meisten Steuerelementtypen die Auswahl eines Datenobjekts erfordern, ist dies bei manchen nicht der Fall. Die verschiedenen Optionen für einen Steuerelementtyp sind wie folgt:
| Name | Beschreibung |
|---|---|
| Autovervollständigung | Beim Bearbeiten eines Felds wird eine Dropdown-Liste mit anderen Einträgen in der Spalte angezeigt. Wenn ein bestimmtes Datenobjekt für die Liste verwendet werden soll, kann es durch Auswahl aus dem Dropdown-Menü Gruppieren nach angegeben werden, andernfalls verwendet das Steuerelement standardmäßig Elemente in der Spalte. Es gibt drei Filteroptionen für die Liste:
|
| Schaltfläche | Schaltflächen können verwendet werden, um ein Ereignis auszulösen, auf eine neue Seite innerhalb der Anwendung zu verlinken oder auf eine externe URL zu verlinken. |
| Schaltflächengruppe | Ein grafisches Steuerelement mit Registerkarten, das dem Benutzer die Auswahl einer vordefinierten Option ermöglicht. Ähnlich dem Steuerelementtyp „Radio“. Dieser Steuerelementtyp erfordert eine Quelle, aus der die Schlüssel- und Titelwerte abgerufen werden können. Weitere Informationen zum Steuerelementtyp „Schaltflächengruppe“ finden Sie weiter unten. |
| Kontrollkästchen | Zeigt ein Kontrollkästchenfeld an. Das Kontrollkästchen ist an eine Boolesche/Bit-Datenquellenspalte gebunden. Das Kontrollkästchen wird ausgefüllt angezeigt, wenn der Wert 1/wahr ist, und leer, wenn 0/falsch. Wenn die Option Invertieren aktiviert ist, ist das Kontrollkästchen leer, wenn der Wert 1/wahr ist, und ausgefüllt, wenn 0/falsch. Boolesche Spalten sind normalerweise so eingestellt, dass sie keine Nullen zulassen und standardmäßig 0 sind. |
| Farbwähler | Zeigt ein Kästchen mit der entsprechenden Farbe eines bestimmten Hex-Farbcodes an. Beispielsweise wird in einer Tabellenspalte mit dem Hex-Code #000000 ein schwarzes Kästchen angezeigt. Wenn eine Zeile des Farbwählers bearbeitet wird, öffnet sich ein Farbrad. |
| Datum | Beim Erstellen eines Datumssteuerelements können Benutzer wählen, ob das Steuerelement das Datum, die Uhrzeit oder beides anzeigt. Die Standardoption ist „Erkennen“, wodurch der Steuerelementuntertyp anhand des logischen Datentyps der Datenspalte bestimmt wird. Wenn ein Datumssteuerelement in einer Anwendung bearbeitet wird, wird ein Kalender angezeigt, in dem Benutzer ein Datum auswählen können. Bei Datumssteuerelementen mit aktivierter Uhrzeit und Datum wird durch Klicken auf das Zeitsymbol eine Uhr angezeigt. |
| Dynamisches Steuerelement | Ein dynamisches Steuerelement kann seinen Typ basierend auf den Daten ändern, die es empfängt. Dies ist besonders nützlich für Formulare, die mehrere Eingabetypen verwenden. Kompatible Steuerelementtypen mit dynamischem Steuerelement:
|
| Einbetten | Bettet eine Datei von einer URL ein, die sich in einer Tabellenspalte befindet (kann ein binäres Objekt/ein einzeiliges Panel sein). |
| Datei | Ermöglicht das Hochladen einer Datei. Die Datenobjektspalte, auf der ein Dateisteuerelementtyp basiert, muss binär sein, damit dieser Steuertyp ordnungsgemäß funktioniert. Weitere Informationen finden Sie im Tutorial Generischer Dateicontainer. |
| Gruppe | Durch Auswahl von „Gruppe“ kann der Benutzer eine Gruppe für das Bedienfeld erstellen, in der ausgewählte Steuerelemente in logischen Gruppierungen platziert werden können. |
| HTML | Der HTML-Steuerelementtyp verfügt über eine Reihe von Vorlagen, die zum Ausführen verschiedener Aufgaben verwendet werden können. Beispielsweise erstellt die Vorlage „Zentriertes Panel“ eine Seite, auf der der Benutzer ein Bild einfügen und eine kurze Beschreibung schreiben kann. „Vollbild-Panel“ fügt mithilfe von HTML-Code ein Bild aus der Tabelle ein. Die Vorlage „Google Maps“ nimmt eine Adresse in der Datentabelle und zeigt sie entweder in der Kartenansicht oder in der Straßenansicht an. Kartenwerte können auch zum Anzeigen einer Google-Straßenansicht verwendet werden. LinkedIn ermöglicht das Verlinken zu einem LinkedIn-Profil. |
| Symbol | Wählt ein Bild aus, das neben anderen Steuerelementen im Bedienfeld angezeigt werden soll. |
| Bild | Zeigt ein Bild aus dem App Builder Datenbank. Kann im Bildzweck je nach gewünschter Ausgabe als „Symbol“ oder „Foto“ formatiert werden. |
| Linie | Zeigt eine dünne, horizontale Linie an, wenn sie zu einem Panel hinzugefügt wird. Der Liniensteuerungstyp ist in erster Linie für die Verwendung in einem einreihigen Panel in App Builder. Der Breitenwert für den Liniensteuerungstyp definiert, wie breit die Linie horizontal auf dem Bildschirm angezeigt wird. Wenn Sie die Breite null oder leer lassen (aber nicht 0), nimmt die Linie 100 % des zugewiesenen Platzes ein. Wenn Sie einen numerischen Breitenwert angeben, z. B. 25, nimmt sie 25 „Zudys“ des zugewiesenen Platzes ein. |
| Liste | Ermöglicht einem Benutzer, aus einer Liste gültiger Werte auszuwählen. Das Quelldatenobjekt ist die Tabelle oder das Geschäftsobjekt, das die für die Dropdown-Liste erforderlichen Werte sowie den für das Steuerelement erforderlichen Schlüssel und Titel enthält. |
| Numerisch | Zeigt Zahlen an. |
| Passwort | Verschlüsselt den Text, indem er in Punkte umgewandelt wird. |
| Fortschrittsbalken | Fügt einen Fortschrittsbalken ein, der verwendet werden kann, um den Fortschritt einer Aufgabe oder eines Prozesses visuell darzustellen. Die Sichtbarkeit eines System- oder Prozessstatus ist für Benutzer bei gutem UI/UX-Design wichtig, da sie ihnen Feedback darüber gibt, was passiert. Weitere Informationen zum Steuerelementtyp „Fortschrittsbalken“ finden Sie weiter unten. |
| Radio | Ein grafisches Steuerelement, das dem Benutzer die Auswahl einer vordefinierten Option ermöglicht. Dieser Steuerelementtyp erfordert eine Quelle, aus der die Schlüssel- und Titelwerte abgerufen werden können, und ist für Board-Panels, Lane-Panels und Standard-Paneltypen verfügbar. |
| Leerzeichen | Fügt visuellen Leerraum ein, ohne dass dies in HTML erforderlich ist. Diese Funktion ist in erster Linie für die Verwendung in einem einzeiligen Panel in App Builder. |
| Text | Zeigt Text an. Dieser Text kann auch verwendet werden, um ein Ereignis auszulösen: Löschen oder Speichern, Verknüpfen mit einer neuen Seite innerhalb der Anwendung oder Verknüpfen mit einer externen URL. |
| Textbereich | Zeigt Text in einem größeren Container an und ermöglicht Zeilenumbrüche. |
| Vorlage | Steuerelementtyp mit einer Reihe verschiedener Vorlagen, die zum Ausführen verschiedener Aufgaben verwendet werden können, einschließlich HTML und JSON. |
Mit der Einstellung Edge Case > Spalte sortieren kann ein Benutzer die Daten in jedem Steuerelement nach einer anderen Spalte als der Quellspalte sortieren.
Fortschrittsbalken
Ein Fortschrittsbalken-Steuerelement kann verwendet werden, um visuell Hinweise zu geben an App Builder Benutzer, wie weit sie in einem Prozess sind oder wie weit eine bestimmte Aufgabe fortgeschritten oder abgeschlossen ist. Sie möchten beispielsweise einen Fortschrittsbalken anzeigen, um anzugeben, wie vollständig die Informationen sind, die Sie gerade erfassen möchten. Der Prozentsatz, der in einem bestimmten Fortschrittsbalken eingetragen wird, hängt davon ab, ob ein Wert aus der Datenbank zwischen 0 und 1 erforderlich ist, wobei 1 = 100 % (0,4 würde als 40 % angezeigt) ist.
Der Fortschrittsbalken unterstützt die folgenden Untertypen:
- Gestapelt = zeigt die Beschriftung und den Prozentwert unter dem Balken an
- Normaler Balken = zeigt den Prozentwert innerhalb des Balkens an
Sie können die Art und Weise, wie der Text im Fortschrittsbalken angezeigt wird, mithilfe der Formatzeichenfolge (verfügbar in Edge Case) formatieren und das Steuerelement mithilfe von Stilen weiter anpassen.
Schaltflächengruppe
Der Steuerelementtyp Schaltflächengruppe erhält Daten wie Radiosteuerelemente heute, erzeugt aber Schaltflächen, die angeklickt werden können, um den entsprechenden Wert festzulegen. Sie unterstützen den Excel Modus und werden in diesem Fall als Schaltflächen angezeigt (ähnlich wie Kontrollkästchen den Wert automatisch speichern, wenn Sie darauf klicken, wenn Sie den Excel Modus verwenden). Einige Stile werden durch Designs gesteuert, die Sie auf das Feld anwenden können.
