Ein Panel hinzufügen.

DXPR Builder lernenSeiten erstellenInhalte hinzufügenMarketing

Sie erhalten einen gerahmten Kasten mit farbiger Titelleiste, der zusammengehörige Inhalte beisammenhält, zum Beispiel Öffnungszeiten oder einen Hinweis. Nutzen Sie ihn, wenn ein Block einer Seite eine eigene Überschrift und einen eigenen Rahmen braucht.

Primary-Panel mit dunkler Titelleiste mit der Aufschrift Citizen Services Opening Hours, zwei Zeilen Öffnungszeiten und einem Book-an-appointment-Button

Ein Panel hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. Ihre erste Seite zeigt die Grundlagen.

  1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf +; klicken Sie auf einer leeren Seite auf Add Elements. Öffnen Sie den Content-Tab und klicken Sie auf Panel. Das Panel landet oben in der Spalte, ohne Dialog.
  2. Fahren Sie mit der Maus über das Panel, klicken Sie in seiner Steuerleiste auf More und wählen Sie Settings. Geben Sie einen Title ein.
  3. Wählen Sie einen Type für die Farbe: DXPR, Default, Primary, Success, Info, Warning oder Danger. Hier wählen wir Primary.
  4. Klicken Sie im Dialog auf Speichern.
  5. Klicken Sie auf das + im Panel-Body und fügen Sie aus dem Content-Tab einen Button hinzu. Ein Text-Element funktioniert ebenfalls, zum Beispiel für Öffnungszeiten. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf Speichern, um die Seite zu speichern.

Was Sie sehen

Ihr Titel sitzt in einer farbigen Titelleiste und der Button sitzt darunter im Panel-Body. Der Button ist ein eigenes Element, Sie bearbeiten und gestalten ihn also einzeln. Im Video enthält ein Primary-Panel mit dem Titel Citizen Services Opening Hours einen Buchungs-Button. Besucher sehen ihn, sobald Sie die Seite speichern und sie veröffentlicht ist.

Ihr Panel einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste More > Settings. Optionen:

  • Title: der Text in der Titelleiste. Leer lassen für ein Panel ohne Titelleiste.
  • Type: die Farbe von Rahmen und Titelleiste, aus Ihrem Theme: Default, Primary, Success, Info, Warning oder Danger. DXPR, die Vorgabe, ist stattdessen ein dunkler Kasten mit hellem Text.

Das Panel ist ein Container. Fügen Sie Text, Bilder, Icons oder Buttons in seinen Body hinzu oder ziehen Sie sie hinein.

Wenn Sie es nicht sehen

  • Das Panel ist nicht im Content-Tab. Ihr Benutzerprofil blendet es aus. Bitten Sie die Administration, Panel (Bootstrap 3) unter Elements in User Profiles anzukreuzen.
  • Es ist nach dem Neuladen verschwunden. Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf Speichern.
  • Beim Hinzufügen des Panels öffnet sich kein Einstellungsdialog. Ein Panel wird ohne Dialog eingefügt. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, um Titel und Typ einzustellen.
  • Das Panel zeigt eine Titelleiste und sonst nichts darunter. Es wurde noch kein Element darin hinzugefügt. Klicken Sie auf das + im Panel-Body und fügen Sie ein Text- oder Button-Element hinzu.
  • Die Titelleiste fehlt. Das Feld Title ist leer. Fahren Sie mit der Maus über das Element und öffnen Sie More > Settings, und geben Sie dann einen Titel ein.

Wie geht es weiter?

Style-Tab, um Abstände und Hintergrund Ihres Panels zu ändern.