Zum Inhalt springen

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

  1. Gehen Sie in der App-Ansicht zu Action Drawer > Live Designer
  2. Wenn der Button mit einer darunterliegenden Spalte verknüpft werden soll, wählen Sie den Wert
  3. Setzen Sie den Control Type auf Button
  4. Weisen Sie einen Namen zu. Dieser Wert wird auf dem Button selbst angezeigt.
  5. Wählen Sie den Wert Control Subtype, um festzulegen, ob der Button Primär oder Sekundär aussehen soll.

    1. Primär = erscheint als Hauptbutton auf dem Panel
    2. Sekundär = erscheint als Sekundärbutton auf dem Panel, heller als ein Primärbutton
  6. Klicken Sie auf Weiter

  7. Wenn der Button beim Klicken ein Ereignis ausführen soll, wählen Sie das entsprechende Ereignis
  8. Wenn der Button beim Klicken Mit Seite verknüpfen soll, wählen Sie die entsprechende Seite
  9. Klicken Sie auf Weiter
  10. Überprüfen Sie die Aktualisierungen App Builder wird beim Hinzufügen des Button-Steuerelements vorgenommen und klicken Sie auf Fertig
  11. Wenn ein anderer Standort für die Platzierung des Buttons 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 Panels 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 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.

  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 aus
  4. Gehen Sie im Bearbeitungsbereich zu Mehr... > Stile
  5. Klicken Sie auf + Stil
  6. Wählen Sie Buttons aus Stilkategorien
  7. Suchen Sie den gewünschten Stil und klicken Sie auf die entsprechende Schaltfläche + Hinzufügen. Beispiel: App Builder- Button „Große Schrift“
  8. 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:

  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).

buttonlocations.png

Abbildung verschiedener Schaltflächenpositionen verfügbar in App Builder