Schaltflächensteuerung im Jitterbit App Builder
Schaltflächensteuerungen ermöglichen Ihnen, eine Steuerung auf einem Panel zu platzieren, das wie eine Schaltfläche aussieht, und bieten Konfigurationsoptionen zur Steuerung des Platzierungsorts, des Verhaltens beim Klicken (falls gewünscht), der Farbe, der Beschriftung und mehr.
Wenn Sie zusätzliche Kontrolle über das Erscheinungsbild einer Schaltfläche wünschen, App Builder unterstützt dies durch Styles.
So konfigurieren Sie eine Schaltflächensteuerung
- Gehen Sie in der App-Ansicht zu Action Drawer > Live Designer
- Wenn der Button mit einer darunterliegenden Spalte verknüpft werden soll, wählen Sie den Wert
- Setzen Sie den Control Type auf Button
- Weisen Sie einen Namen zu. Dieser Wert wird auf dem Button selbst angezeigt.
-
Wählen Sie den Wert Control Subtype, um festzulegen, ob der Button Primär oder Sekundär aussehen soll.
- Primär = erscheint als Hauptbutton auf dem Panel
- Sekundär = erscheint als Sekundärbutton auf dem Panel, heller als ein Primärbutton
-
Klicken Sie auf Weiter
- Wenn der Button beim Klicken ein Ereignis ausführen soll, wählen Sie das entsprechende Ereignis
- Wenn der Button beim Klicken Mit Seite verknüpfen soll, wählen Sie die entsprechende Seite
- Klicken Sie auf Weiter
- Überprüfen Sie die Aktualisierungen App Builder wird beim Hinzufügen des Button-Steuerelements vorgenommen und klicken Sie auf Fertig
-
Wenn ein anderer Standort für die Platzierung des Buttons gewünscht wird, wählen Sie den entsprechenden Wert
- Body = Standardverhalten, das normalerweise inline auf dem Panel angezeigt wird
- Header = wird im Header Bereich des Panels angezeigt, standardmäßig im rechten Bereich des Panels
- Panel (Menü) = wird in einem verschachtelten Menü angezeigt, das im oberen rechten Bereich des Panels angezeigt wird
- Symbolleiste = wird im Symbolleistenbereich des Panels angezeigt, standardmäßig rechts neben allen vorhandenen Schaltflächen für die Aktualisierungsmethode (z. B. Erstellen, Prüfen).
-
Überprüfen Sie die verfügbaren Optionen und nehmen Sie weitere Konfigurationsaktualisierungen vor
- Klicken Sie auf Speichern
So formatieren Sie einen Button
Stile können verwendet werden, um ein Button-Steuerelement weiter anzupassen. Verwenden Sie die verfügbaren Stile, um Dinge wie Buttongröße, Farbe und Schriftstärke zu ändern. Sie können einen Stil anpassen, wenn eine weitere Granularität erforderlich ist.
- Navigieren Sie mit dem Button-Steuerelement zur App-Seite
- Gehen Sie zu Action Drawer > Live Designer
- Wählen Sie das Button-Steuerelement aus der Seitenansicht aus
- Gehen Sie im Bearbeitungsbereich zu Mehr... > Stile
- Klicken Sie auf + Stil
- Wählen Sie Buttons aus Stilkategorien
- Suchen Sie den gewünschten Stil und klicken Sie auf die entsprechende Schaltfläche + Hinzufügen. Beispiel: App Builder- Button „Große Schrift“
- Beenden Sie die Bildschirme „Stile“ und „Bearbeiten“, aktualisieren Sie den Browser und bestätigen Sie die Aktualisierungen
Optionen für die Schaltflächenposition
Schaltflächensteuerungen können so konfiguriert werden, dass sie mithilfe des Felds Standort in 4 verschiedenen Bereichen eines Bedienfelds platziert werden. Die Platzierung wird durch die im Steuerelementbearbeitungsmodus ausgewählte Option „Standort“ definiert. Bereiche, in denen Schaltflächen auf Bedienfeldern platziert werden können, umfassen:
- Body = Standardverhalten, das normalerweise inline auf dem Panel angezeigt wird
- Header = wird im Header Bereich des Panels angezeigt, standardmäßig im rechten Bereich des Panels
- Panel (Menü) = wird in einem verschachtelten Menü angezeigt, das im oberen rechten Bereich des Panels angezeigt wird
- Symbolleiste = wird im Symbolleistenbereich des Bedienfelds angezeigt, standardmäßig rechts neben allen vorhandenen Schaltflächen für die Aktualisierungsmethode (z. B. Erstellen, Prüfen).
Abbildung verschiedener Schaltflächenpositionen verfügbar in App Builder