# Innholdsblokker og formatering

Legg til rik tekst, bilder, videoer, innbakte elementer og tabeller i skjemaet ditt.

## Innholdsblokker og formatering

Skjemaer er ikke bare spørsmål. Bruk innholdsblokker til å legge til kontekst, merkevare og rike medier mellom feltene.

<h2 id="available-blocks">Tilgjengelige blokker</h2>
<p>
  Skriv <kbd>/</kbd> på lerretet (eller trykk <kbd>Cmd/Ctrl + /</kbd>) for å åpne blokkmenyen, og velg deretter en blokk. Innholdsblokker
  plasseres ved siden av spørsmål og sorteres om med dra og slipp. Avsnitt er standardblokken — bare begynn å skrive på lerretet; den har
  ingen egen oppføring i menyen.
</p>

<p>
  Et bilde har en valgfri bildetekst (<strong>Legg til bildetekst</strong> i blokkmenyen) og en <strong>Juster</strong>-undermeny med
  Venstre, Midtstilt og Høyre. <strong>Erstatt bilde</strong> bytter ut filen uten å miste bildeteksten.
</p>

<h2 id="embeds">Innbygginger</h2>
<p>
  Tre innbyggingsblokker ligger under <strong>Mediefiler</strong>. Hver starter tom; åpne blokkmenyen for å fylle den ut.
</p>

<h2 id="text-formatting">Tekstformatering</h2>
<p>Merk tekst i et avsnitt, en overskrift, et listeelement eller en tabellcelle for å vise den flytende verktøylinjen:</p>
<ul>
  <li>
    <strong>Fet</strong> (<kbd>Cmd/Ctrl + B</kbd>), <em>kursiv</em> (<kbd>+ I</kbd>), understrek (<kbd>+ U</kbd>), gjennomstrek (
    <kbd>+ S</kbd>)
  </li>
  <li>Innebygd kode og likning (LaTeX)</li>
  <li>
    Lenke — verktøylinjeknappen eller <kbd>Cmd/Ctrl + K</kbd> med tekst merket
  </li>
  <li>Skrift og skriftstørrelse</li>
  <li>
    Farge — én meny med en <strong>Utheving</strong>-rad og en <strong>Understreking</strong>-rad, hver med Standard, Blå, Grønn, Gul og Rød
  </li>
</ul>
<p>Overskrifter og lister settes inn fra blokkmenyen, ikke fra den flytende verktøylinjen.</p>

<h2 id="tables">Tabeller</h2>
<p>
  Sett inn en <strong>Tabell</strong> fra blokkmenyen. Tabeller er statiske — respondenter leser dem, men kan ikke redigere celler. Bra for
  prisrutenett eller referansedata.
</p>
<p>
  Klikk på en hvilken som helst celle for å redigere den. Hold musepekeren over en rad eller kolonne for å vise håndtaket, og klikk på
  håndtaket for handlingene:
</p>
<ul>
  <li>
    <strong>Legg til rad over</strong> / <strong>Legg til rad under</strong>, <strong>Legg til kolonne til venstre</strong> /{' '}
    <strong>Legg til kolonne til høyre</strong>
  </li>
  <li>
    <strong>Dupliser rad</strong> / <strong>Dupliser kolonne</strong>
  </li>
  <li>
    <strong>Slett rad</strong> / <strong>Slett kolonne</strong>
  </li>
</ul>
<p>
  Dra det samme håndtaket for å endre rekkefølgen på en rad eller kolonne. Dra kanten mellom to celler for å endre størrelse; det første
  draget fryser de gjeldende breddene, slik at tabellen beholder proporsjonene du så. Celler tar imot den samme innebygde formateringen som
  avsnitt — fet, kursiv, lenker og svarpiping med <kbd>@</kbd>-omtaler.
</p>

<h2 id="piping">Svarpiping i innhold</h2>
<p>
  Innholdsblokker støtter svarpiping. Skriv <strong>@</strong> i et avsnitt, en overskrift eller et listeelement for å åpne omtalemenyen og
  sette inn en feltreferanse. En overskrift som lyder "Takk, <strong>@Fornavn</strong>" viser for eksempel respondentens faktiske navn når
  de fyller ut skjemaet. Se <a href="/no/building-forms/answer-piping">Svarpiping</a> for hele veiledningen.
</p>

<h2 id="examples">Vanlige eksempler</h2>
<ul>
  <li>
    <strong>Søknadsskjema</strong> — en Overskrift introduserer hver seksjon ("Personlig informasjon", "Arbeidserfaring"), Avsnitt forklarer
    hva som skal fylles inn, og en Bildeblokk viser et eksempel på CV-layout
  </li>
  <li>
    <strong>Arrangementsregistrering</strong> — en YouTube-innbygging viser arrangementstraileren, en Google Maps-innbygging viser stedet,
    og en Tabell lister opp timeplanen
  </li>
  <li>
    <strong>Produktbestilling</strong> — Single Picture Choice for produktvalg, et 2 kolonner-oppsett plasserer antall og størrelse side om
    side, og et Avsnitt nedenfor viser vilkår og betingelser
  </li>
  <li>
    <strong>Personlig bekreftelse</strong> — på takkesiden lyder en Overskrift "Takk, <strong>@Navn</strong>!" og et Avsnitt piper
    <strong>@Ordretotal</strong> fra et beregnet felt
  </li>
</ul>

> 💡 **Ikke overdrive det**
> <p>
>     Tunge medier gjør skjemalet tregere. Bruk innbygginger der de direkte hjelper respondenten — en kort forklaringsvideo, et kart som viser
>     stedet ditt.
>   </p>

<h2 id="next-steps">Neste steg</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Valideringsregler](/no/building-forms/field-configuration#validation-rules) — Påkrevd, min/maks, mønstre og begrensninger
  - [Betinget logikk](/no/building-forms/conditional-logic) — Vis eller skjul blokker basert på svar
  - [Svarpiping](/no/building-forms/answer-piping) — Referer til svar med @-omtaler
  - [Utseende og temaer](/no/branding-domains/appearance-theming) — Tema, omslag, logo, mørk modus
</div>