--- title: "Het webonderdeel Smart Tiles toevoegen en configureren" description: "Stapsgewijze handleiding voor het toevoegen van Vitextra Smart Tiles aan een SharePoint Online-pagina: het pakket implementeren, het webonderdeel vinden, voorbeeldtegels, de titel, alle instellingen in Uiterlijk, de groep Over en een sectie met volledige breedte." url: https://vitextra.com/nl/support/kb/10042 language: nl published: 2026-11-05 modified: 2026-11-07 products: - "Smart Tiles" author: "Jānis Bērziņš" tags: ["Smart Tiles toevoegen", "Smart Tiles configureren", "tegelnavigatie SharePoint Online", "eigenschappenvenster webonderdeel", "instellingen Uiterlijk", "sectie volledige breedte", "Vitextra Smart Tiles installeren", "tegels SharePoint-pagina", "instellingen Smart Tiles", "navigatiepaneel met tegels"] --- # Het webonderdeel Smart Tiles toevoegen en configureren Stapsgewijze handleiding voor het toevoegen van Vitextra Smart Tiles aan een SharePoint Online-pagina: het pakket implementeren, het webonderdeel vinden, voorbeeldtegels, de titel, alle instellingen in Uiterlijk, de groep Over en een sectie met volledige breedte. ## Inleiding Dit artikel beschrijft de eerste stappen met [Smart Tiles](https://vitextra.com/nl/products/smart-tiles): het ::webonderdeel:: implementeren, toevoegen aan een moderne ::SharePoint:: Online-pagina en de instellingen in het eigenschappenvenster die voor het hele paneel gelden. De eigenschappen van afzonderlijke tegels - tekst, koppelingen, kleuren en pictogrammen - worden behandeld in [KB10242. Een tegel toevoegen en bewerken in Smart Tiles](https://vitextra.com/nl/support/kb/10242). ## Voordat u begint Een SharePoint-beheerder implementeert Smart Tiles eenmalig voor de ::tenant:: vanuit de ::app-catalogus:: van de tenant. Het pakket wordt tenantbreed geïmplementeerd. Daardoor is het webonderdeel op elke ::site:: beschikbaar zonder het afzonderlijk aan elke site toe te voegen. De procedure staat in [KB10035. Een Vitextra-product installeren in SharePoint Online](https://vitextra.com/nl/support/kb/10035). Om het webonderdeel aan een pagina toe te voegen, hebt u toestemming nodig om die pagina te bewerken. Het ::machtigingsniveau:: **Bewerken** of lidmaatschap van de groep Leden van de site volstaat. 📝 **Opmerking** Smart Tiles werkt alleen op moderne pagina's. Maak op een site die nog klassieke pagina's gebruikt eerst een moderne ::sitepagina::. ## Het webonderdeel aan een pagina toevoegen 1. Open de pagina en klik rechtsboven op **Bewerken**. 2. Plaats de aanwijzer op de plek waar het paneel moet komen totdat tussen de secties of webonderdelen een lijn met een **+** verschijnt. Klik hierop om de galerie met webonderdelen te openen. 3. Typ *Smart Tiles* in het zoekvak en klik op het webonderdeel. ![Smart Tiles in de werkset met webonderdelen](https://static.vitextra.com/articles/10042/web-part-toolbox-nl.png) *Smart Tiles in de werkset met webonderdelen* Het webonderdeel verschijnt op de pagina met drie voorbeeldtegels die naar productpagina's van Vitextra verwijzen. Ze laten zien hoe een tegel eruitziet. U kunt ze aanpassen met uw eigen koppelingen of verwijderen. ![Het webonderdeel met de voorbeeldtegels](https://static.vitextra.com/articles/10042/sample-tiles-nl.png) *Het webonderdeel met de voorbeeldtegels* ## De titel van het webonderdeel Boven de tegels staat een titelveld. Klik erop en typ een kop voor het paneel, bijvoorbeeld *Snelle koppelingen* of *HR-diensten*. De titel is optioneel: als u het veld leeg laat, verschijnt op de gepubliceerde pagina geen kop. ## Instellingen voor het uiterlijk Klik op het potloodpictogram (**Webonderdeel bewerken**) links van het webonderdeel om het eigenschappenvenster te openen. De groep **Uiterlijk** bevat de instellingen die voor alle tegels gelden. ![De groep Uiterlijk in het eigenschappenvenster](https://static.vitextra.com/articles/10042/appearance-group-nl.png) *De groep Uiterlijk in het eigenschappenvenster* |::Instelling::|::Beschrijving::| |:---|:---| |**Tekengrootte**|Grootte van de tegeltitel, in zeven stappen van 14 px tot 32 px. De beschrijving wordt, indien zichtbaar, evenredig verkleind.| |**Pictogramformaat**|Grootte van het pictogram, in zes stappen van 20 px tot 64 px. Aangepaste pictogramafbeeldingen gebruiken dezelfde formaten.| |**Binnenafstand**|Ruimte boven en onder de inhoud van een tegel, 0–30 px. Hogere waarden maken de tegels hoger.| |**Pictogramafstand**|Ruimte tussen het pictogram en de titel, 0–30 px.| |**Buitenafstand**|Ruimte tussen aangrenzende tegels, 0–30 px. Bij 0 raken de tegels elkaar en vormen ze een aaneengesloten mozaïek.| |**Schaduw**|Voegt een zachte slagschaduw onder de pictogrammen toe.| |**Titels weergeven**|Toont of verbergt de titels van alle tegels. Als de titels verborgen zijn, staan de pictogrammen in het midden van de tegels.| |**Beschrijvingen weergeven**|Toont of verbergt de beschrijvingen van alle tegels. De beschrijvingen blijven beschikbaar in de knopinfo.| |**Aanwijzereffect**|Schakelt een visueel effect in wanneer de aanwijzer op een tegel rust. Onder de schakelaar verschijnen de ::lijst:: **Effect**, de schuifregelaar voor de sterkte en **Duur**.| Schuifregelaars en schakelaars worden onmiddellijk op de pagina toegepast. Zo kunt u het resultaat tijdens het aanpassen beoordelen. 💡 **Tip** Formaten, afstanden en teksten worden uitgebreid beschreven in [KB10247. Tegelformaten en indeling in Smart Tiles](https://vitextra.com/nl/support/kb/10247) en [KB10249. Titels en beschrijvingen op tegels weergeven](https://vitextra.com/nl/support/kb/10249); de aanwijzereffecten in [KB10248. Het aanwijseffect voor tegels configureren](https://vitextra.com/nl/support/kb/10248). ## De groep Over De groep **Over** in het eigenschappenvenster toont de licentie van het webonderdeel: de **Status** (evaluatieversie, actief, verlopen of buiten werking), de **Versie** van het webonderdeel, de **Begindatum** van het abonnement en de **Huurder** waaraan het is toegewezen. Tijdens de proefperiode wordt hier ook het aantal resterende dagen weergegeven. De groep bevat tevens een koppeling naar de productpagina waar u een abonnement kunt aanschaffen. 📝 **Opmerking** Als er een nieuwere versie van Smart Tiles beschikbaar is, verschijnt in de bewerkingsmodus een melding boven de tegels. U installeert de update door het nieuwe pakket naar de app-catalogus te uploaden. De pagina's en hun tegels blijven behouden. ## Het paneel in een sectie met volledige breedte plaatsen Tegels komen het best tot hun recht wanneer ze het hele scherm beslaan. Plaats het webonderdeel daarvoor in een sectie met volledige breedte: 1. Plaats in de bewerkingsmodus de aanwijzer op de linkerrand van de pagina en klik op de **+** die tussen de secties verschijnt. 2. Kies **Sectie met volledige breedte** in de lijst met indelingen. 3. Sleep het webonderdeel Smart Tiles vanuit de huidige sectie naar de nieuwe sectie, of voeg een nieuw webonderdeel Smart Tiles toe aan de sectie met volledige breedte. ![Een sectie met volledige breedte toevoegen](https://static.vitextra.com/articles/10042/full-width-section-nl.png) *Een sectie met volledige breedte toevoegen* Smart Tiles past ook in een sectie met één of twee kolommen. Een pagina kan meerdere Smart Tiles-webonderdelen bevatten, bijvoorbeeld één paneel per afdeling. Elk webonderdeel behoudt zijn eigen instellingen en aanwijzereffect. ❗ **Belangrijk** Secties met volledige breedte zijn beschikbaar op communicatiesites en op teamsites met de moderne startpagina-indeling. Op een pagina zonder zulke secties vullen de tegels de breedte van de sectie waarin ze staan. ## De pagina opslaan Tegels en instellingen worden in de pagina opgeslagen. Klik op **Opslaan als concept** om later verder te werken, of op **Opnieuw publiceren** om het paneel zichtbaar te maken voor bezoekers. Totdat de pagina opnieuw is gepubliceerd, zien bezoekers de vorige versie. Meer informatie over het product: