Discussions Overzicht
De webonderdelen van Discussions hebben geen eigen kleur- of lettertype-instellingen. Ze nemen het thema over van de pagina waarop ze staan: het sitethema, de sectieachtergrond en het sitelettertype, of het Microsoft Teams-thema wanneer ze als tabblad of persoonlijke app worden uitgevoerd. Daardoor past een bord zonder configuratie bij de rest van het intranet en blijft het leesbaar wanneer het sitethema verandert. Dit artikel beschrijft precies welke themaonderdelen waar worden gebruikt, zodat u weet wat er gebeurt als u de vormgeving van een site wijzigt.
Hoe het thema het webonderdeel bereikt
Wanneer een pagina wordt weergegeven, geeft SharePoint Framework het huidige thema door aan het webonderdeel: het sitethema, of binnen een paginasectie met een eigen achtergrond de themavariant van die sectie. Het webonderdeel kopieert een vaste set themaslots naar aangepaste CSS-eigenschappen op het hoofdelement (--bodyText, --link, --primaryButtonBackground enzovoort), waarnaar het stijlblad verwijst. Zodra het thema verandert - een site-eigenaar kiest een ander thema, een pagina-auteur wijzigt de sectieachtergrond of Teams schakelt naar donker - geeft SharePoint het webonderdeel opnieuw weer en worden de eigenschappen opnieuw geschreven.
Beide webonderdelen zijn gebouwd met Fluent UI. De standaardbesturingselementen op de pagina (weergavetabbladen, vervolgkeuzelijsten, zoekvak, knoppen, opdrachtbalk en meldingsbalken) krijgen hun thema daarom van Fluent UI zelf. De aangepaste eigenschappen gelden voor onderdelen die het product zelf tekent: onderwerprijen, labels, de antwoordboom en de editor.
Themaslots en hun toepassing
Het webonderdeel kopieert de volgende themaslots. De tabel bevat de slots die zichtbaar zijn in de interface. Enkele aanvullende slots worden gekopieerd voor Fluent UI-besturingselementen: de toestanden van accenten en primaire knoppen, kaartschaduwen, uitgeschakelde randen, knopachtergrond en -tekst en neutralSecondary.
| Themaslot | Toepassing |
|---|---|
bodyText | Onderwerptitels, berichttekst, webonderdeeltitel, tekst van het scherm Niet geconfigureerd |
bodySubtext | Metagegevensregels (auteur, tijd, categorie), fragmenten, tellers, tijdelijke tekst, citaten |
bodyBackground | Het editorgebied |
bodyStandoutBackground | Achtergrondkleur van onderwerprijen bij aanwijzen, de cirkel rond het typepictogram, neutrale labels, editorwerkbalk, codeblokken, gemarkeerd item in de lijst met vermeldingen |
bodyFrameDivider | Lijnen tussen onderwerprijen, rand rond de onderwerpinhoud, linkerrand van geneste antwoorden, editorrand, citaatranden, titelinvoerveld in bewerkingsmodus |
link, linkHovered | Koppelingen in berichten, kleur van onderwerptitels bij aanwijzen, focusrand van de editor |
accent | Typepictogram van onderwerpen, de knop Vind ik leuk nadat de huidige gebruiker erop heeft geklikt |
primaryButtonBackground, primaryButtonBackgroundHovered, primaryButtonText, primaryButtonBorder | Nieuw onderwerp, Plaatsen, Bord maken en andere primaire knoppen |
successBackground, successIcon, successText | De labels Beantwoord en Geaccepteerd antwoord, het pictogram van beantwoorde vragen, de achtergrond van het geaccepteerde antwoord |
infoBackground, infoIcon | De labels Vraag en Wacht op goedkeuring, de markering van wachtende items |
errorBackground, errorText | Het label met het aantal meldingen in de moderatiewachtrij |
De namen zijn slots van het Fluent UI-thema, dezelfde die SharePoint afleidt van de primaire kleur van het sitethema. Een aangepast sitethema dat met Theme Generator is gemaakt stelt ze allemaal in. Zo krijgt het bord bij elk thema - niet alleen de ingebouwde thema’s - een consistente kleurstelling.
Sectieachtergronden en secties met volledige breedte
Beide webonderdelen ondersteunen themavarianten. Wanneer een pagina-auteur een sectie een achtergrond geeft (Sectieachtergrond: Neutraal, Zacht, Sterk), ontvangt het webonderdeel de variant voor die achtergrond en past het de kleuren aan. Op een Sterk gekleurde achtergrond wordt de tekst licht en passen de scheidingslijnen zich ook aan. Het webonderdeel Discussions ondersteunt daarnaast secties met volledige breedte op communicatiesites. Discussions Activity is bedoeld voor smalle kolommen en ondersteunt die niet.
Het sitelettertype
Gebruikt de site een aangepast lettertype (Het uiterlijk wijzigen → Lettertype op de site, of een merklettertype dat via het SharePoint-merkcentrum is ingesteld), dan publiceert SharePoint dit op de pagina als de CSS-variabele --fontFamilyCustomFont100. Het webonderdeel leest deze variabele en past het lettertype toe op alles wat het tekent: titels, rijen, berichten en de editor. Zonder aangepast lettertype is de variabele leeg en erft het webonderdeel het paginalettertype, in SharePoint Segoe UI. Codeblokken gebruiken altijd lettertypen met vaste tekenbreedte (Consolas, Courier New).
📝 Opmerking
Het scherm Niet geconfigureerd, dat verschijnt tijdens het maken of selecteren van een bord, gebruikt de standaardlettertypen op basis van Segoe UI in plaats van het sitelettertype. Alles wat lezers zien nadat het bord is geconfigureerd volgt het sitelettertype.
Microsoft Teams
Als kanaaltabblad of persoonlijke app leest het webonderdeel het thema van de Teams-client in plaats van een SharePoint-thema:
| Teams-thema | Wat het webonderdeel gebruikt |
|---|---|
| Standaard (licht) | Een vast licht palet dat bij Teams past: donkere tekst, blauwe koppelingen en knoppen, lichte scheidingslijnen |
| Donker | Een vast donker palet: witte tekst, doorschijnend witte koppelingen en accenten, donkergrijze achtergronden en scheidingslijnen |
| Hoog contrast | Het lichte palet |
De omschakeling is direct: het wijzigen van het Teams-thema in de clientinstellingen geeft het tabblad opnieuw weer. In Teams wordt het thema van de onderliggende SharePoint-site niet gebruikt. Een bord ziet er daarom in elk team hetzelfde uit, ongeacht het sitethema. Het toevoegen aan Teams wordt beschreven in KB10393. Discussions toevoegen aan Microsoft Teams.
Talen die van rechts naar links worden geschreven
Als de sitetaal van rechts naar links wordt geschreven (Arabisch, Hebreeuws), stelt het webonderdeel de tekstrichting van het hoofdelement overeenkomstig in. De werkbalk, tellers, antwoordboom en editor worden daarop gespiegeld. De richting volgt de sitetaal, niet de browsertaal.
Interfacetaal en datums
De labels van het webonderdeel — weergaven, knoppen, statuslabels en kolomnamen van aangemaakte lijsten — zijn beschikbaar in meerdere talen, waaronder Engels, Russisch, Lets, Duits, Frans, Japans, Nederlands en Spaans. De interface en relatieve tijden (zoals 3 uur geleden) gebruiken een ondersteunde lokalisatie voor de SharePoint-interfacetaal van de gebruiker, met Engels als terugvaltaal voor niet-ondersteunde talen. De teksten van onderwerpen en antwoorden zijn uiteraard zoals de auteurs ze hebben geschreven. Sinds versie 26.10.3 toont aanwijzen van de relatieve tijd bij een onderwerp en elk antwoord de volledige datum en tijd in de lange gelokaliseerde notatie, in de tijdzone van uw browser: bijvoorbeeld October 29, 2026 10:15 AM op Engelse sites en 29 октября 2026 г., 10:15 op Russische sites. De relatieve tijden in de onderwerpenlijst, het webonderdeel Discussions Activity en de moderatiewachtrij hebben geen dergelijke tooltip.
Wat niet kan worden gewijzigd
- Het eigenschappenvenster bevat geen kleurkiezer, thema-overschrijving of optie voor aangepaste CSS. Kleuren veranderen kan alleen via het sitethema of de sectieachtergrond.
- De pictogrammen voor onderwerptypen (een tekstballon voor discussies, een vraagteken voor vragen en een vinkje voor beantwoorde vragen) en de labelteksten staan vast.
- De indeling - werkbalk, rijstructuur en positie van tellers - staat vast. De weergave-instellingen in KB10422. Weergaven, paginering, zoeken en tellers: weergave-instellingen van het webonderdeel Discussions bepalen welke elementen worden getoond.
💡 Tip
Moet een bord opvallen binnen de pagina, plaats het dan in een eigen sectie met een Zachte of Neutrale achtergrond en geef het webonderdeel een titel. Het neemt de sectievariant automatisch over, zonder risico op onleesbare tekst op een donkere achtergrond.
