--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/pictogram' title: 'Een pictogram toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2023-11-06T09:30:18+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Je krijgt een scherp pictogram op elk formaat, los of in een gekleurde vorm. Gebruik het om een kop te markeren, een raster met functies te bouwen of een kleine klikbare link toe te voegen.' tags: - 'Data and motion' 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 pictogram toevoegen' description: 'Je krijgt een scherp pictogram op elk formaat, los of in een gekleurde vorm. Gebruik het om een kop te markeren, een raster met functies te bouwen of een kleine klikbare link toe te voegen.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2023-11-06T09:30:18+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/elementen/pictogram' articleSection: 'Data en beweging' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/pictogram' description: 'Je krijgt een scherp pictogram op elk formaat, los of in een gekleurde vorm. Gebruik het om een kop te markeren, een raster met functies te bouwen of een kleine klikbare link toe te voegen.' 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) /[Content toevoegen](/nl/hc/documentation/learn-dxpr-builder/elements) /[Data en beweging](/nl/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Een pictogram toevoegen. DXPR Builder lerenPagina’s bouwenContent toevoegenData en beweging ## In deze gids Gerelateerde gidsen - [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentatie/dxpr-builder-leren/elementinstellingen/stijl-tabblad) Je krijgt een scherp pictogram op elk formaat, los of in een gekleurde vorm. Gebruik het om een kop te markeren, een raster met functies te bouwen of een kleine klikbare link toe te voegen. ## Een pictogram 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/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina) 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 **Pictogram**. Het pictogram komt bovenaan de kolom te staan en het dialoogvenster opent. 2. Kies in het veld **Pictogram** bovenaan het dialoogvenster een pictogramset, typ in **Zoeken** en klik op een pictogram. Hij wordt gemarkeerd en zijn klassenaam verschijnt onder het raster. 3. Kies een **Grootte**, bijvoorbeeld **Erg groot (3x)**. 4. Klik op de kop **Pictogramhulpprogramma's** om hem uit te vouwen en zet **Stijl** op **Cirkel**. 5. Klik in het dialoogvenster op **Opslaan**. Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan. ## Wat je ziet Het pictogram dat je hebt gekozen verschijnt in het formaat dat je hebt gekozen, standaard wit in een donkergrijze cirkel. In de video verschijnt een raket op Erg groot (3x), drie keer het normale formaat. Bezoekers zien hem zodra je de pagina opslaat en publiceert. ## Je pictogram instellen Beweeg over het element en open **More > Settings** in de besturingsbalk. Opties: - **Pictogram:** een kiezer met een **Zoeken**-vak, een lijst met pictogramsets en een raster met pictogrammen. - **Grootte:** Normaal, Groot, Extra groot (2x), Erg groot (3x), Enorm (4x) of Gigantisch (5x). - **Link:** maakt het pictogram klikbaar. - **Linkdoel:** Zelfde venster of Nieuw venster. Verschijnt zodra je een link toevoegt. - **Stijl:** een vorm achter het pictogram: Geen, Afgerond, Cirkel of Vierkant. Staat onder **Pictogramhulpprogramma's**. - **Pictogramanimatie:** Geen, Draaien of Pulseren. - **Pictogramrichting:** Normaal, 90 graden draaien, 180 graden draaien, 270 graden draaien, Horizontaal spiegelen of Verticaal spiegelen. ## Als je het niet ziet - **Pictogram staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt het. Vraag een beheerder om het in te schakelen 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. - **Het pictogram dat je wilt staat niet in de kiezer.** Je gebruikersprofiel beperkt de pictogramsets. Vraag een beheerder om de set toe te voegen in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Het pictogram is te klein om op te vallen.** **Grootte** staat op Normaal of Groot. Beweeg over het element en open **More > Settings** en kies Extra groot (2x) of groter. - **De cirkel heeft de verkeerde kleur.** De vorm is standaard donkergrijs. Beweeg over het element en open **More > Settings**, klik op de kop **Stijl** onderaan en stel **Achtergrond** in. **Letterkleur** wijzigt het pictogram zelf. ## Wat nu? [Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de kleuren en witruimte van je pictogram aan te passen.