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
- Öffnen Sie die Seite, die das Panel enthält, das Sie ändern möchten.
- Erweitern Sie das Aktionsfeld und klicken Sie auf Live Designer.
- Wählen Sie das Panel aus und klicken Sie dann auf die Registerkarte Integriert im Eigenschaftenbereich auf der rechten Seite.
- 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
- Öffnen Sie die Seite, die das Panel enthält, das Sie ändern möchten.
- Erweitern Sie das Aktionsfeld und klicken Sie auf Live Designer.
- Wählen Sie das Panel aus und klicken Sie dann auf die Registerkarte Integriert im Eigenschaftenbereich auf der rechten Seite.
- 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
- Navigieren Sie zum App Workbench.
- Klicken Sie auf Aussehen & Gefühl.
- Klicken Sie im Themen-Panel auf + Thema.
- Geben Sie einen Themennamen an (zum Beispiel Ohne Panel-Titel).
- Wählen Sie eine Sammlung aus. Die Sammlung muss mit der Anwendung verknüpft sein, um das Thema zu verwenden.
- Klicken Sie auf Speichern.
- Wählen Sie im Komponenten-Panel die Panel-Komponente aus.
- Klicken Sie im Stile-Panel auf + Stil.
- 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:
- Wählen Sie im Komponenten-Panel die Komponente Panel - Toolbar aus.
- Klicken Sie im Stile-Panel auf + Stil.
- Geben Sie Folgendes an:
- Bereich: Symbolleiste
- Stiltyp: Anzeige
- Anzeige: none
Wenden Sie das Thema auf ein Panel an
- Navigieren Sie zu der Seite, die das Panel enthält, das Sie ändern möchten.
- Erweitern Sie das Action Drawer und klicken Sie auf Live Designer.
- Wählen Sie das Panel aus und klicken Sie auf die Registerkarte Edge Case.
- Setzen Sie Thema auf das von Ihnen erstellte Thema.
- Klicken Sie auf Speichern.
- Aktualisieren Sie Ihre App, um das Panel ohne Titelzeile oder Symbolleiste zu sehen.