--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/bewerken/elementenkiezer' title: 'Een element vinden en toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:58:22+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Elk element dat je toevoegt komt uit de elementenkiezer, een dialoogvenster met vijf tabbladen: lay-out, inhoud, Drupal-blokken, Drupal-views en je opgeslagen sjablonen. Je leert hier wat elk tabblad bevat en hoe je snel een element vindt. Het voorbeeld bezoekt elk tabblad en voegt een knop toe uit het tabblad Inhoud.' tags: - 'Edit a page' 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: 'Een element vinden en toevoegen' description: 'Elk element dat je toevoegt komt uit de elementenkiezer, een dialoogvenster met vijf tabbladen: lay-out, inhoud, Drupal-blokken, Drupal-views en je opgeslagen sjablonen. Je leert hier wat elk tabblad bevat en hoe je snel een element vindt. Het voorbeeld bezoekt elk tabblad en voegt een knop toe uit het tabblad Inhoud.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:58:22+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/nl/hc/documentatie/dxpr-builder-leren/bewerken/elementenkiezer' articleSection: 'Een pagina bewerken' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/bewerken/elementenkiezer' description: 'Elk element dat je toevoegt komt uit de elementenkiezer, een dialoogvenster met vijf tabbladen: lay-out, inhoud, Drupal-blokken, Drupal-views en je opgeslagen sjablonen. Je leert hier wat elk tabblad bevat en hoe je snel een element vindt. Het voorbeeld bezoekt elk tabblad en voegt een knop toe uit het tabblad Inhoud.' 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 --- [Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Een pagina bewerken](/nl/hc/documentation/learn-dxpr-builder/editing) # Een element vinden en toevoegen. DXPR Builder lerenPagina’s bouwenEen pagina bewerken ## In deze gids Gerelateerde gidsen - [Elementen verslepen](/nl/hc/documentatie/dxpr-builder-leren/bewerken/drag-and-drop) - [Tekst bewerken op de pagina](/nl/hc/documentatie/dxpr-builder-leren/bewerken/inline-tekst-bewerken) Elk element dat je toevoegt komt uit de elementenkiezer, een dialoogvenster met vijf tabbladen: lay-out, inhoud, Drupal-blokken, Drupal-views en je opgeslagen sjablonen. Je leert hier wat elk tabblad bevat en hoe je snel een element vindt. Het voorbeeld bezoekt elk tabblad en voegt een knop toe uit het tabblad **Inhoud**. ## De kiezer openen 1. Klik op **Add Elements** in het lege inhoudsgebied en kies op het tabblad **Lay-out** de optie **Sectie**. 2. Klik op **+** op de sectie: de kiezer opent opnieuw. Wat je nu kiest komt in deze sectie, bovenaan. ## Bekijk de vijf tabbladen 1. Klik op **Lay-out**: Sectie, Rij, Tabbladen, Uitklappaneel, Carrousel en Gepositioneerde lagen. 2. Klik op **Inhoud**: tekst-, media- en interactieve elementen, met een vak **Zoeken**. 3. Klik op **Drupal-blokken**: de blokken van je site, met **Filteren op categorie** en een zoekvak. 4. Klik op **Drupal-views**: elke weergave van je ingeschakelde views, met **Filteren op tag** en een zoekvak. 5. Klik op **Opgeslagen sjablonen**: je privé- en globale sjablonen, met **Filteren op gebruiker**, **Filteren op type** en een zoekvak. Elk tabblad behalve **Lay-out** heeft een vak **Zoeken**: typ een deel van een naam om dat tabblad te filteren. ## Een element toevoegen 1. Terug op het tabblad **Inhoud** kies je **Knop**: zijn dialoogvenster opent meteen. 2. Typ de **Titel**, stel de **Link** in, laat het **Type** op Primair staan en klik op **Opslaan**. 3. Klik op **Opslaan** in de werkbalk. ## Inhoudselementen | Element | Doel | |---|---| | Alert | Bootstrap-melding | | Block quote | Gestileerd citaat | | Button | Gestileerde knop met link | | Card | Kaart met header, titel en inhoud | | Circle counter | Cirkelvormige voortgangsanimatie | | Countdown timer | Aftellen van datum en tijd | | Number counter | Geanimeerd optellend getal | | HTML | Ruwe HTML-code | | Icon | Pictogram uit een pictogrambibliotheek | | Image | Enkele afbeelding met link en alt-tekst | | Image carousel | Roulerende afbeeldingengalerij | | Jumbotron | Grote banner met een titel en een leadregel | | Link | Gestileerde link | | Map | Google Maps-embed | | Marquee | Scrollende afbeeldingenstrook | | Panel | Omrand paneel met titel | | Progress bar | Geanimeerde voortgangsindicator | | Divider | Horizontale lijn | | Text | Rijke tekst met direct bewerken | | Local video | Zelfgehost videobestand | | Video | Ingesloten video (YouTube, Vimeo) | | Social links | Pictogramlinks naar sociale media | ## Wat je ziet De meeste elementen openen hun dialoogvenster zodra je ze kiest. Kaart, Scheidingslijn en Paneel komen meteen op de pagina te staan, net als Sectie, Rij, Tabbladen en Uitklappaneel. Carrousel en Gepositioneerde lagen openen eerst hun instellingen. Het nieuwe element staat bovenaan de sectie of kolom waarop je hebt geklikt; sleep het lager als het verderop hoort. ## Als je het element niet ziet - **Er ontbreekt een element op een tabblad.** Je gebruikersprofiel verbergt het. Een beheerder vinkt het aan onder **Elementen** in het profiel bij **DXPR Studio** > **DXPR Builder** > **Gebruikersprofielen** (`/admin/dxpr_studio/dxpr_builder/profile`). Het profiel noemt sommige elementen anders: **Scheidingsteken** is Scheidingslijn, **Teller** is Getalenteller, **Aftellen** is Aftelklok en **Blokcitaat** is Citaatblok. - **Er ontbreekt een nieuw blok of een nieuwe viewweergave.** Tenzij het vak **Alles aan-/uitvinken voor blokken** of **Alles aan-/uitvinken voor views** in het profiel is aangevinkt, voegen gebruikersprofielen nieuwe blokken en weergaven niet vanzelf toe. Een beheerder vinkt het aan onder **Blocks** of **Views** in hetzelfde profiel. - **Het tabblad Drupal-blokken ontbreekt.** De builder somt blokken alleen op als de Drupal-module **Blokinhoud** aanstaat. Schakel hem in bij **Uitbreiden** (`/admin/modules`). - **Opgeslagen sjablonen is leeg.** Er is nog niets opgeslagen. Kies **Opslaan als sjabloon** in het menu **More** van een element; zie [Gebruikerssjablonen](/nl/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates). ## Wat nu? - [Elementen verslepen](/nl/hc/documentatie/dxpr-builder-leren/bewerken/drag-and-drop): verplaats het nieuwe element waar het hoort. - [Tekst bewerken op de pagina](/nl/hc/documentatie/dxpr-builder-leren/bewerken/inline-tekst-bewerken): typ en formatteer tekst zonder dialoogvenster. - [Elementen](/hc/documentation/learn-dxpr-builder/elements): wat elk element doet en hoe je het instelt.