# Inhoudsblokken & Opmaak

Voeg opgemaakte tekst, afbeeldingen, video's, embeds en tabellen toe aan je formulier.

## Inhoudsblokken & Opmaak

Formulieren bestaan uit meer dan alleen vragen. Gebruik inhoudsblokken om context, branding en rijke media tussen velden toe te voegen.

<h2 id="available-blocks">Beschikbare blokken</h2>
<p>
  Typ <kbd>/</kbd> op het canvas (of druk op <kbd>Cmd/Ctrl + /</kbd>) om het blokmenu te openen, en kies een blok. Inhoudsblokken staan
  naast vragen en worden herordend door te slepen en neer te zetten. Alinea is het standaardblok — typ gewoon op het canvas; het heeft geen
  item in het menu.
</p>

<p>
  Een afbeelding heeft een optioneel bijschrift (<strong>Bijschrift toevoegen</strong> in het blokmenu) en een submenu{' '}
  <strong>Uitlijnen</strong> met Links, Centreren en Rechts. <strong>Afbeelding vervangen</strong> wisselt het bestand zonder het bijschrift
  te verliezen.
</p>

<h2 id="embeds">Embeds</h2>
<p>
  Drie insluitblokken staan onder <strong>Media</strong>. Elk begint leeg; open het blokmenu om het in te vullen.
</p>

<h2 id="text-formatting">Tekstopmaak</h2>
<p>Selecteer tekst in een alinea, kop, lijstitem of tabelcel om de zwevende werkbalk te tonen:</p>
<ul>
  <li>
    <strong>Vet</strong> (<kbd>Cmd/Ctrl + B</kbd>), <em>cursief</em> (<kbd>+ I</kbd>), onderstrepen (<kbd>+ U</kbd>), doorhalen (
    <kbd>+ S</kbd>)
  </li>
  <li>Inline code en vergelijking (LaTeX)</li>
  <li>
    Link — de knop in de werkbalk of <kbd>Cmd/Ctrl + K</kbd> met geselecteerde tekst
  </li>
  <li>Lettertype en lettergrootte</li>
  <li>
    Kleur — één menu met een rij <strong>Markeren</strong> en een rij <strong>Onderstrepen</strong>, elk met Standaard, Blauw, Groen, Geel
    en Rood
  </li>
</ul>
<p>Koppen en lijsten worden ingevoegd via het blokmenu, niet via de zwevende werkbalk.</p>

<h2 id="tables">Tabellen</h2>
<p>
  Voeg een <strong>Tabel</strong> in via het blokmenu. Tabellen zijn statisch — respondenten kunnen ze lezen maar geen cellen bewerken.
  Ideaal voor prijsoverzichten of referentiegegevens.
</p>
<p>
  Klik op een cel om deze te bewerken. Beweeg over een rij of kolom om de greep te tonen, en klik op de greep voor de bijbehorende acties:
</p>
<ul>
  <li>
    <strong>Rij erboven toevoegen</strong> / <strong>Rij eronder toevoegen</strong>, <strong>Kolom links toevoegen</strong> /{' '}
    <strong>Kolom rechts toevoegen</strong>
  </li>
  <li>
    <strong>Rij dupliceren</strong> / <strong>Kolom dupliceren</strong>
  </li>
  <li>
    <strong>Rij verwijderen</strong> / <strong>Kolom verwijderen</strong>
  </li>
</ul>
<p>
  Sleep dezelfde greep om een rij of kolom te herschikken. Sleep de rand tussen twee cellen om het formaat te wijzigen; de eerste keer
  slepen legt de huidige breedtes vast, zodat de tabel de verhoudingen behoudt die je zag. Cellen ondersteunen dezelfde inline opmaak als
  alinea’s — vet, cursief, links en antwoorden doorvoeren met <kbd>@</kbd>-vermeldingen.
</p>

<h2 id="piping">Antwoord doorvoeren in inhoud</h2>
<p>
  Inhoudsblokken ondersteunen antwoorden doorvoeren. Typ <strong>@</strong> in een alinea, kop of lijstitem om het vermeldingsmenu te openen
  en een veldverwijzing in te voegen. Een kop die luidt "Bedankt, <strong>@Voornaam</strong>" toont bijvoorbeeld de werkelijke naam van de
  respondent wanneer hij het formulier invult. Zie <a href="/nl/building-forms/answer-piping">Antwoord doorvoeren</a> voor de volledige
  handleiding.
</p>

<h2 id="examples">Veelvoorkomende voorbeelden</h2>
<ul>
  <li>
    <strong>Aanvraagformulier</strong> — een Kop introduceert elke sectie ("Persoonlijke gegevens", "Werkervaring"), Alinea’s leggen uit wat
    je moet invullen, en een Afbeeldingsblok toont een voorbeeld van een cv-indeling
  </li>
  <li>
    <strong>Evenementregistratie</strong> — een YouTube-embed toont de trailer van het evenement, een Google Maps-embed toont de locatie, en
    een Tabel geeft het schema weer
  </li>
  <li>
    <strong>Productbestelling</strong> — Single Picture Choice voor productselectie, een 2-kolommen-indeling plaatst hoeveelheid en maat
    naast elkaar, en een Alinea eronder toont de algemene voorwaarden
  </li>
  <li>
    <strong>Gepersonaliseerde bevestiging</strong> — op de bedankpagina leest een Kop "Bedankt, <strong>@Naam</strong>!" en voert een Alinea{' '}
    <strong>@Totaalbedrag</strong> door vanuit een berekend veld
  </li>
</ul>

> 💡 **Overdrijf het niet**
> <p>
>     Zware media vertraagt het laden van het formulier. Gebruik embeds alleen waar ze de respondent direct helpen — een korte uitlegvideo,
>     een kaart die je locatie toont.
>   </p>

<h2 id="next-steps">Volgende stappen</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Validatieregels](/nl/building-forms/field-configuration#validation-rules) — Verplicht, min/max, patronen en beperkingen
  - [Conditionele logica](/nl/building-forms/conditional-logic) — Blokken tonen of verbergen op basis van antwoorden
  - [Antwoord doorvoeren](/nl/building-forms/answer-piping) — Verwijs naar antwoorden met @-vermeldingen
  - [Uiterlijk & thema’s](/nl/branding-domains/appearance-theming) — Thema, omslagafbeelding, logo, donkere modus
</div>