Zum Inhalt springen

So entfernen Sie die Titelleiste und die Symbolleiste von einem Panel im Jitterbit App Builder

Die Methode zum Ausblenden von Panel-Elementen hängt von Ihrer App Builder-Version ab.

App Builder 4.61 und später

Verwenden Sie die Integrierten Einstellungen in den Eigenschaften des Panels. Diese Einstellungen steuern, ob jedes Element angezeigt wird.

Titelleiste ausblenden

  1. Öffnen Sie die Seite, die das Panel enthält, das Sie ändern möchten.
  2. Erweitern Sie das Aktionsfeld und klicken Sie auf Live Designer.
  3. Wählen Sie das Panel aus und klicken Sie dann auf die Registerkarte Integriert im Eigenschaftenbereich auf der rechten Seite.
  4. Deaktivieren Sie im Abschnitt Panel-Header die Option Gesamten Header anzeigen.

Um einzelne Elemente im Header auszublenden, anstatt den gesamten Header, lassen Sie Gesamten Header anzeigen aktiviert und deaktivieren Sie eines der folgenden:

  • Panel-Titel anzeigen: Blendet den Panel-Titel aus.
  • Maximieren anzeigen: Blendet die Maximieren-Schaltfläche aus.
  • Aktionsfeld anzeigen: Blendet die Schaltfläche für das Aktionsfeld aus.

Symbolleiste ausblenden

  1. Öffnen Sie die Seite, die das Panel enthält, das Sie ändern möchten.
  2. Erweitern Sie das Aktionsfeld und klicken Sie auf Live Designer.
  3. Wählen Sie das Panel aus und klicken Sie dann auf die Registerkarte Integriert im Eigenschaftenbereich auf der rechten Seite.
  4. Deaktivieren Sie im Abschnitt Symbolleiste die Option Gesamte Symbolleiste anzeigen.

App Builder 4.60 und früher

Verwenden Sie ein Thema, um CSS-Stile anzuwenden, die die Titelleiste oder Symbolleiste ausblenden.

Erstellen Sie ein Thema, um die Titelleiste auszublenden

  1. Navigieren Sie zum App Workbench.
  2. Klicken Sie auf Aussehen & Gefühl.
  3. Klicken Sie im Themen-Panel auf + Thema.
  4. Geben Sie einen Themennamen an (zum Beispiel Ohne Panel-Titel).
  5. Wählen Sie eine Sammlung aus. Die Sammlung muss mit der Anwendung verknüpft sein, um das Thema zu verwenden.
  6. Klicken Sie auf Speichern.
  7. Wählen Sie im Komponenten-Panel die Panel-Komponente aus.
  8. Klicken Sie im Stile-Panel auf + Stil.
  9. Geben Sie Folgendes an:
    • Bereich: Titelleiste
    • Stiltyp: Anzeige
    • Anzeige: none

Erstellen Sie ein Thema, um die Symbolleiste auszublenden

Befolgen Sie die Schritte 1–6 oben, um ein Thema zu erstellen oder wiederzuverwenden, und dann:

  1. Wählen Sie im Komponenten-Panel die Komponente Panel - Toolbar aus.
  2. Klicken Sie im Stile-Panel auf + Stil.
  3. Geben Sie Folgendes an:
    • Bereich: Symbolleiste
    • Stiltyp: Anzeige
    • Anzeige: none

Wenden Sie das Thema auf ein Panel an

  1. Navigieren Sie zu der Seite, die das Panel enthält, das Sie ändern möchten.
  2. Erweitern Sie das Action Drawer und klicken Sie auf Live Designer.
  3. Wählen Sie das Panel aus und klicken Sie auf die Registerkarte Edge Case.
  4. Setzen Sie Thema auf das von Ihnen erstellte Thema.
  5. Klicken Sie auf Speichern.
  6. Aktualisieren Sie Ihre App, um das Panel ohne Titelzeile oder Symbolleiste zu sehen.