--- title: "Meerkolomskaart" slug: "text-columns-block" description: "Add lists of features, an about section, or a contact section on your home page using the text columns block. Each column includes an icon, a title, and a space for the description text." tags: ["Customization", "Body blocks"] updated: 2026-06-22T09:03:17Z published: 2026-06-22T09:03:17Z canonical: "docs.document360.com/text-columns-block" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Meerkolomskaart De Multicolumn-kaartsectie stelt je in staat om content te tonen in een gestructureerde, zij-aan-zij kolomindeling op de startpagina van je kennisbasis. Elke kolom bevat een icoon, een titel en een beschrijving, waardoor je visueel overzichtelijk meerdere gerelateerde informatie tegelijk kunt presenteren – zonder te hoeven vertrouwen op lange alinea's of geneste lijsten. Dit maakt het bijzonder effectief voor het tonen van productkenmerken, dienstenaanbiedingen of belangrijke documentatiecategorieën, waarbij lezers opties in één oogopslag moeten vergelijken of bekijken in plaats van achter elkaar te lezen. --- ## Wanneer gebruik je de Multicolumn-kaartsectie - **Feature-highlights** - Gebruik het om de belangrijkste kenmerken van je product weer te geven, elk met een icoon, een korte titel en een beschrijving van één regel. Lezers kunnen snel begrijpen wat het product biedt zonder lange alinea's te hoeven lezen. - **Categorienavigatie** - Presenteer de belangrijkste kennisbanksecties als kaarten, zodat lezers snel een visueel overzicht krijgen van wat er beschikbaar is en waar ze naartoe kunnen gaan. - **Over of teamsecties** - Introduceer teamgebieden, afdelingen of dienstaanbiedingen met een icoon en een korte beschrijving voor elk. - **Supportniveaus of contactopties** - Toon meerdere supportkanalen (bijv. e-mail, chat, documentatie) naast elkaar met relevante pictogrammen en korte beschrijvingen. --- ## Hoe voeg je een multikolom-kaartsectie toe 1. Navigeer naar () in de linker navigatiebalk van het kennisbankportaal. 2. Navigeer in het linker navigatiepaneel naar **Knowledge base site** > **Site-aanpassing**. 3. Klik op de knop **Site aanpassen** . ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customizing_Rich_text_Block.png) 1. Selecteer in het linker keuzemenu de **startpagina** . De sectie Lichaam toont de lijst van lichaamsblokken. 2. Klik op **Sectie Toevoegen** en kies **Sectie Meerdere kolom kaarten.** Het blok wordt toegevoegd met drie standaardelementen. 3. Klik op de **sectiekop van de Multicolumn-kaart** om de sectietitel en de algemene icoonkleur te bewerken. 4. Klik op **Element toevoegen** om meer kolomelementen toe te voegen dan de standaard drie. 5. Gebruik het **Herschikken** () icoon om elementen binnen de sectie te herschikken. 6. Klik op het **pictogram Verbergen** () om de zichtbaarheid van individuele elementen uit te schakelen. ![Home page builder showing a Multicolumn card section with three column elements and reorder/hide controls](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Adding_multicolumn_card_section.png) --- ## Hoe kolomelementen te configureren Klik op een element in de sectie om de attributen te bewerken: | Attribuut | Wat je kunt configureren | | --- | --- | | **Icoon** | Klik op **Wijzigen** om een Document360- of [Font Awesome-icoon](https://fontawesome.com/icons) te selecteren vanuit het tabblad **Iconen**, of upload of voer de URL van een aangepaste afbeelding in in het tabblad **Afbeelding** | | **Titel** | Voer de kolomtitel in. Klik op het **Hide** () icoon om de titel te verbergen zonder deze te verwijderen | | **Icoonkleur** | Kies een kleur voor het icoon | | **Paragraaftekst** | Voer de kolombeschrijving in en formatteer deze met Vetgedrukte (), Cursief(), URL/Link (), Ongeordende lijst () of Geordende lijst () | ![Column element settings panel showing Icon, Title, Icon color, and Paragraph text options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Adding_multicolumn_card_section_options_for_elements.png) --- ## Hoe opslaan en publiceren - Gebruik de **schakelaar Voorbeeldweergave** rechts om je wijzigingen te bekijken. - Klik op **Opslaan** om je wijzigingen op te slaan. - Klik **op Publiceren** om wijzigingen live door te voeren. --- ## Kennis basissite weergave Hier is een voorbeeld van een kaartsectie met meerdere kolommen zoals die op de kennisbanksite staat. ![Knowledge base site showing a Multicolumn card section with icons, titles, and descriptions in a three-column layout](https://cdn.document360.io/6a41a4ec-dfe1-4f2d-9818-4fc3e2c85382/Images/Documentation/multicolumn%20card%20preview.png) --- ## Hoe verwijder je een kaartsectie met meerdere kolommen 1. Klik op de **sectie Meerkolomskaarten** in de lijst met bodyblokken. De sectienavigatiebalk verschijnt. 2. Klik op **Verwijderen** () in de navigatiebalk. 3. Klik op **Ja** in de bevestigingsprompt Verwijderen. 4. Na het verwijderen klik je op **Opslaan** om als concept op te slaan, **Preview** om te bekijken, en **Publiceren** om wijzigingen live te maken. ![Delete confirmation prompt for removing a Multicolumn card section from the home page](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Remove_multicolumn_card_section.png) --- ## Best practices - **Houd kolombeschrijvingen kort** - één tot twee zinnen per kolom werkt het beste. Lange beschrijvingen verstoren de visuele balans van de kaartindeling. - **Gebruik consistente pictogramstijlen** - het mengen van ingevulde, omlijnde en aangepaste afbeeldingsiconen in dezelfde sectie ziet er inconsistent uit. Kies één stijl en houd je daaraan. - **Gebruik drie tot vier kolommen** - meer dan vier kolommen op een standaardscherm maakt elke kaart te smal om comfortabel te lezen. - **Stem de kleur van het pictogram aan bij je merk** - de kleurinstelling van het icoon geldt voor alle iconen in de sectie, dus kies een kleur die past bij de kleur van je site. - **Gebruik vierkante afbeeldingen bij het uploaden van aangepaste iconen** - niet-vierkante afbeeldingen kunnen vervormd lijken. Aanbevolen afmetingen zijn 30×30px of 50×50px. --- ## FAQ **Hoe werk ik het pictogram van een kolomelement bij met Font Awesome?** Navigeer naar {{variable. Settings}} () > {{variable. Kennisbanksite}} > **Site-aanpassing** en klik op **Site aanpassen**. Selecteer in het linker keuzemenu de **startpagina** . Klik op het gewenste element in de **sectie Meerkolomkaart**. Klik op **Wijzigen** in de iconeninstellingen. Vouw de **Font Awesome** accordeon uit en voer de klassennaam van het gewenste icoon in. Bijvoorbeeld, voor de icooncode `<i class="fa-solid fa-files"></i>`, is de klassenaam die je moet invoeren .`fa-solid fa-files`