--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/panel' title: 'Een paneel toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:59:02+00:00' updated: '2026-10-24T06:20:39+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Je krijgt een omkaderd vak met een gekleurde titelbalk dat verwante inhoud bij elkaar houdt, zoals openingstijden of een mededeling. Gebruik het wanneer één blok van een pagina een eigen kop en kader nodig heeft.' 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-24T06:20:39+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Een paneel toevoegen' description: 'Je krijgt een omkaderd vak met een gekleurde titelbalk dat verwante inhoud bij elkaar houdt, zoals openingstijden of een mededeling. Gebruik het wanneer één blok van een pagina een eigen kop en kader nodig heeft.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:59:02+0000' dateModified: '2026-10-24T06:20:39+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/nl/hc/documentation/learn-dxpr-builder/elements/panel' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/elements/panel' description: 'Je krijgt een omkaderd vak met een gekleurde titelbalk dat verwante inhoud bij elkaar houdt, zoals openingstijden of een mededeling. Gebruik het wanneer één blok van een pagina een eigen kop en kader nodig heeft.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Een paneel toevoegen. Learn DXPR BuilderBuild pagesAdd contentMarketing ## In this guide Related guides - [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Je krijgt een omkaderd vak met een gekleurde titelbalk dat verwante inhoud bij elkaar houdt, zoals openingstijden of een mededeling. Gebruik het wanneer één blok van een pagina een eigen kop en kader nodig heeft. ## Een paneel toevoegen Open je pagina terwijl je bent ingelogd: de builder-knoppen verschijnen als je met de muis over het inhoudsgebied beweegt. [Je eerste pagina](/nl/hc/documentation/learn-dxpr-builder/getting-started/first-page) legt de basis uit. 1. Beweeg over de kolom en klik op **+** in de besturingsbalk, of klik op **Add Elements** op een lege pagina. Open het tabblad **Inhoud** en klik op **Paneel**. Het paneel komt bovenaan de kolom te staan, zonder dialoogvenster. 2. Beweeg over het paneel, klik op **More** in zijn besturingsbalk en kies **Settings**. Typ een **Titel**. 3. Kies een **Type** voor de kleur: DXPR, Default, Primary, Success, Info, Warning of Danger. Hier kiezen we **Primair**. 4. Klik in het dialoogvenster op **Opslaan**. 5. Klik op de **+** in de paneelbody en voeg een **Knop** toe uit het tabblad **Inhoud**. Een Tekst-element werkt ook, bijvoorbeeld voor openingstijden. Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan. ## Wat je ziet Je titel staat in een gekleurde titelbalk, en de knop staat in de paneelbody eronder. De knop is een eigen element, dus je bewerkt en stijlt hem apart. In de video bevat een primair paneel met de titel Openingstijden Burgerzaken een boekingsknop. Bezoekers zien hem zodra je de pagina opslaat en publiceert. ## Je paneel instellen Beweeg over het element en open **More > Settings** in de besturingsbalk. Opties: - **Titel:** de tekst in de titelbalk. Laat hem leeg voor een paneel zonder titelbalk. - **Type:** de kleur van de rand en titelbalk, uit je thema: Default, Primary, Success, Info, Warning of Danger. DXPR, de standaard, is juist een donker vak met lichte tekst. Het paneel is een container. Voeg tekst, afbeeldingen, pictogrammen of knoppen toe aan zijn body of sleep ze erin. ## Als je het niet ziet - **Paneel staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt het. Vraag een beheerder om **Paneel (Bootstrap 3)** aan te vinken onder **Elementen** in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Het is weg na het herladen.** De pagina is niet opgeslagen. Voeg het opnieuw toe en klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied. - **Er opent geen dialoogvenster als je het paneel toevoegt.** Een paneel gaat erin zonder dialoogvenster. Beweeg over het element en open **More > Settings** om zijn titel en type in te stellen. - **Het paneel toont een titelbalk en daaronder niets.** Er is nog geen element in toegevoegd. Klik op de **+** in de paneelbody en voeg een Tekst of Knop toe. - **De titelbalk ontbreekt.** De **Titel** is leeg. Beweeg over het element en open **More > Settings** en typ een titel. ## Wat nu? [Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de witruimte en achtergrond van je paneel aan te passen.