--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/panel' title: 'Ein Panel hinzufügen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:56:36+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: '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.' tags: - Marketing image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Ein Panel hinzufügen' description: '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.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:56:36+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/panel' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/panel' description: '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.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Inhalte hinzufügen](/de/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/de/hc/documentation/learn-dxpr-builder/elements/marketing) # Ein Panel hinzufügen. DXPR Builder lernenSeiten erstellenInhalte hinzufügenMarketing ## In diesem Leitfaden Verwandte Leitfäden - [Das Aussehen eines Elements im Style-Tab ändern](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/style-tab) 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. ## 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](/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/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](/de/hc/dokumentation/dxpr-builder-lernen/verwaltung/benutzerprofile-verwaltung) 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](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/style-tab), um Abstände und Hintergrund Ihres Panels zu ändern.