--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/troubleshooting/elements-look-wrong' title: 'Een element ziet er verkeerd uit of gedraagt zich verkeerd | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:02:49+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Los de elementproblemen op die het vaakst voorkomen. Voordat je begint, test het element op een nieuwe lege pagina om de omringende inhoud uit te sluiten. tags: - 'Een probleem oplossen' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T04:02:49+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Een element ziet er verkeerd uit of gedraagt zich verkeerd' description: |- Los de elementproblemen op die het vaakst voorkomen. Voordat je begint, test het element op een nieuwe lege pagina om de omringende inhoud uit te sluiten. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:02:49+0000' dateModified: '2026-10-24T04:02:49+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/troubleshooting/elements-look-wrong' articleSection: 'Een probleem oplossen' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/troubleshooting/elements-look-wrong' description: |- Los de elementproblemen op die het vaakst voorkomen. Voordat je begint, test het element op een nieuwe lege pagina om de omringende inhoud uit te sluiten. 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) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Een probleem oplossen](/hc/documentation/learn-dxpr-builder/troubleshooting) # Een element ziet er verkeerd uit of gedraagt zich verkeerd. Learn DXPR BuilderManage the siteEen probleem oplossen ## In this guide Los de elementproblemen op die het vaakst voorkomen. Voordat je begint, test het element op een nieuwe lege pagina om de omringende inhoud uit te sluiten. ## Mijn rijlay-out breekt wanneer ik hem op sommige apparaten verberg De keuzes **Responsieve zichtbaarheid** onder **HTML-klassen** zijn Bootstrap-weergaveklassen, zoals `d-none d-md-block`. Op een rij vervangen ze de eigen lay-out van de rij, zodat de kolommen stapelen. Zet de klassen op de kolommen, of op de sectie om de rij heen. ## De console zegt dat Bootstrap een jQuery lager dan versie 4 nodig heeft Je thema laadt Bootstrap 3- of 4-JavaScript, dat weigert te draaien met de jQuery 4 die recente Drupal 11-releases meeleveren. DXPR Builder zelf gebruikt geen jQuery. 1. Stop met het laden van Bootstrap 3- of 4-JavaScript uit het thema. 2. Als het thema geen Bootstrap 5 laadt, ga naar **DXPR Studio** > **DXPR Builder** > **Algemene instellingen** > **Bootstrap** en zet **Bootstrap-bestanden sideloaden** op **Bootstrap 5**. **Opmerking:** de module ondersteunt alleen Bootstrap 5. Een thema op Bootstrap 3 of 4 moet worden gemigreerd. ## Mijn kolommen staan scheef op tabletbreedte Het raster heeft 12 kolommen, dus vijf kolommen kunnen niet gelijk zijn. Klik op het rasterpictogram van de rij en kies een preset zoals **1/4 + 1/4 + 1/4 + 1/4** of **1/3 + 1/3 + 1/3**. Om tablets hun eigen lay-out te geven, klik op **Schermgrootte toevoegen** en kies de grootte uit zijn lijst. ## Een link in mijn Link-element doet niets Het Link-element is zelf een `a`-tag, en browsers staan geen links in links toe. Gebruik een knop, of een Tekst-element met een link. ## Ankerlinks landen onder mijn vaste header 1. Ga naar **Algemene instellingen** en open **Geavanceerde instellingen**. 2. Zet **Scroll-offsetselector** op de CSS-selector van je vaste header. De standaard dekt headers van DXPR Theme. 3. Geef het doelelement een **HTML-ID** in het paneel **Algemeen**van zijn instellingen. ## Mijn video start niet uit zichzelf Browsers weigeren een video met geluid te starten. Vink in de instellingen voor Lokale video **Gedempt** aan naast **Automatisch afspelen starten**en bewaar. ## Een blok in mijn pagina heeft geen bewerkingsbesturing Een DXPR Builder-blok geplaatst in een builderpagina toont zonder zijn eigen editor, dus je kunt zijn inhoud daar niet wijzigen. Bewerk het blok waar het staat in een themaregio bij **Structuur** > **Bloklay-out**, of gebruik in plaats daarvan een HTML-element. ## Exposed filters op een view doen niets De editor toont “Turn on Ajax on this view to use exposed filters.” Filters in de builder werken alleen via AJAX. 1. Bewerk de view en open **Geavanceerd**. 2. Zet **AJAX gebruiken** op **Ja** en bewaar de view. 3. Wis alle caches. ## Scripttags verdwijnen uit mijn Tekst-element De builder verwijdert `