Schaltflächensteuerung im Jitterbit App Builder

Schaltflächen-Steuerelemente ermöglichen Ihnen, ein Steuerelement auf einem Bedienfeld zu platzieren, das wie eine Schaltfläche aussieht, und bieten Konfigurationsoptionen zum Steuern des Platzierungsorts, des Verhaltens beim Klicken (falls gewünscht), der Farbe, der Beschriftung und mehr.

Wenn zusätzliche Kontrolle über das Erscheinungsbild einer Schaltfläche gewünscht wird, unterstützt App Builder dies durch Stile.

So konfigurieren Sie eine Schaltflächensteuerung

1. Gehen Sie in der App-Ansicht zu Action Drawer > Live Designer
2. Wenn der Button mit einer zugrundeliegenden Spalte verknüpft werden soll, wählen Sie den Wert
3. Stellen Sie den Steuerungstyp auf Schaltfläche ein
4. Weisen Sie einen Namen zu. Dieser Wert wird auf der Schaltfläche selbst angezeigt.

5. Wählen Sie den Wert Control Subtype aus, um festzulegen, ob die Schaltfläche primär oder sekundär angezeigt werden soll.

   1. Primär = wird als Hauptschaltfläche auf dem Bedienfeld angezeigt
   2. Sekundär = erscheint als sekundäre Schaltfläche auf dem Bedienfeld, heller als eine primäre Schaltfläche

6. Klicken Sie auf Weiter

7. Wenn die Schaltfläche beim Klicken ein Ereignis ausführen soll, wählen Sie das entsprechende Ereignis aus
8. Wenn der Button beim Klicken zur Seite verlinken soll, wählen Sie die entsprechende Seite aus
9. Klicken Sie auf Weiter
10. Überprüfen Sie die Aktualisierungen, die App Builder beim Hinzufügen des Button-Steuerelements vornimmt, und klicken Sie auf Fertig

11. Wenn ein anderer Standort für die Schaltflächenplatzierung gewünscht wird, wählen Sie den entsprechenden Wert

    1. Body = Standardverhalten, das normalerweise inline auf dem Panel angezeigt wird
    2. Header = wird im Header Bereich des Panels angezeigt, standardmäßig im rechten Bereich des Panels
    3. Panel (Menü) = wird in einem verschachtelten Menü angezeigt, das im oberen rechten Bereich des Panels angezeigt wird
    4. Symbolleiste = wird im Symbolleistenbereich des Bedienfelds angezeigt, standardmäßig rechts neben allen vorhandenen Schaltflächen für die Aktualisierungsmethode (z. B. Erstellen, Prüfen).

12. Überprüfen Sie die verfügbaren Optionen und nehmen Sie weitere Konfigurationsaktualisierungen vor

13. Klicken Sie auf Speichern

So gestalten Sie einen Button

Mithilfe von Stilen können Sie Schaltflächen weiter anpassen. Verwenden Sie die verfügbaren Stile, um beispielsweise Größe, Farbe und Schriftstärke der Schaltfläche zu ändern. Sie können einen Stil anpassen, wenn Sie eine detailliertere Darstellung benötigen.

1. Navigieren Sie mit dem Button-Steuerelement zur App-Seite
2. Gehen Sie zu Action Drawer > Live Designer
3. Wählen Sie das Button-Steuerelement aus der Seitenansicht
4. Gehen Sie im Bearbeitungsbereich zu Mehr... > Stile
5. Klicken Sie auf + Stil
6. Wählen Sie Schaltflächen aus Stilkategorien
7. Suchen Sie den gewünschten Stil und klicken Sie auf die entsprechende Schaltfläche + Hinzufügen. Beispiel: App Builder - Button Large Type
8. Verlassen Sie die Stile und bearbeiten Sie die Bildschirme, aktualisieren Sie den Browser und bestätigen Sie die Aktualisierungen

Optionen für die Schaltflächenposition

Schaltflächen können mithilfe des Felds Position so konfiguriert werden, dass sie in vier verschiedenen Bereichen eines Panels platziert werden. Die Platzierung wird durch die im Bearbeitungsmodus ausgewählte Option „Position“ definiert. Schaltflächen können in Panels in folgenden Bereichen platziert werden:

1. Body = Standardverhalten, das normalerweise inline auf dem Panel angezeigt wird
2. Kopfzeile = wird im Header des Panels angezeigt, standardmäßig im rechten Bereich des Panels
3. Panel (Menü) = wird in einem verschachtelten Menü angezeigt, das im oberen rechten Bereich des Panels angezeigt wird
4. Symbolleiste = wird im Symbolleistenbereich des Panels angezeigt, standardmäßig rechts neben allen vorhandenen Schaltflächen zur Aktualisierungsmethode (z. B. Erstellen, Prüfen).

*Abbildung der verschiedenen im App Builder verfügbaren Schaltflächenpositionen *