# Blokk: Bilder

## Hva er bilder?

Blokken **Bilder** brukes når brukeren skal laste opp ett eller flere bilder som dokumentasjon i skjemaet. Dette kan være nyttig for å vise fremdrift, tilstand, avvik eller ferdigstilt arbeid.

Bildene lastes opp direkte i skjemaet og følger med innsendingen, slik at visuell informasjon lagres sammen med annen innsamlet data.

### Hvordan bruke blokken bilder

{% stepper %}
{% step %}

### Legg til bildeblokk

* Trykk på **"Bilder"** i blokklisten til venstre.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FV4RKjpEv9ecBgOIGLGH7%2Fimage.png?alt=media&#x26;token=91aa6425-5a06-49af-9762-ffaf1001219f" alt="" width="165"><figcaption></figcaption></figure></div>

* Du vil nå se bilder-feltet lagt til i skjemamalen.&#x20;

<figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2Fb3efXIJpTeBM2ieYKb3P%2Fimage.png?alt=media&#x26;token=d8d56b3f-2cd8-48bd-a9b8-f7f98321d61b" alt=""><figcaption></figcaption></figure>

* Trykk på **"Bilder"** eller på pilen helt til høyre for å åpne og fylle inn feltene i blokken.

<figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FvARX81KBS4rQC7O1opnQ%2Fimage.png?alt=media&#x26;token=5ec5669d-10c7-4d35-a50f-7b4b8c2b7fb6" alt=""><figcaption></figcaption></figure>

* Du vil nå se feltene for **"Bilder"**.&#x20;

<figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FY94wnCdruB7p236gjVuE%2Fimage.png?alt=media&#x26;token=af82032b-f89c-4680-a115-6fbb7b115c3d" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### Fyll inn bildedetaljer

* **Navn:** Skriv inn tittel på bilde i feltet **"Tittel"**.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FrC6cAbTbnguLWWzNjerp%2Fimage.png?alt=media&#x26;token=fd0f7db2-2c19-4a59-b8c7-56811e48ad97" alt="" width="375"><figcaption></figcaption></figure></div>

* **Beskrivelse:** Skriv en kort forklaring som vises under tittelen, slik at det blir tydelig hva slags bilde som skal legges ved – for eksempel ferdigstilt arbeid, pågående aktivitet eller dokumentasjon av avvik, i feltet **"Beskrivelse"**.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2F2WD5oVsIRSoJse5PvfBV%2Fimage.png?alt=media&#x26;token=ea32e20a-8440-4bd4-a4b3-c3c5f873f9c7" alt="" width="375"><figcaption></figcaption></figure></div>

#### Tilleggsinstillinger

* **Påkrevd**: Trykk på valgknappen ved **«Påkrevd»** dersom det er et krav at brukeren må fylle ut feltet før skjemaet kan sendes inn. Dette er nyttig for å sikre at viktig informasjon ikke blir utelatt.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FB5X9KJ20wC1mzzugGFi1%2Fimage.png?alt=media&#x26;token=d6e92025-2fcf-47c0-9425-e5ad6ae996eb" alt="" width="194"><figcaption></figcaption></figure></div>

Når **«Påkrevd»** aktiveres, vises et ikon øverst til høyre i feltet som markerer at det er obligatorisk å fylle ut.

<figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FnEQvdhWYWlljqIMjvUob%2Fimage.png?alt=media&#x26;token=3db4be47-8584-4da9-81a8-db635e2f1309" alt=""><figcaption></figcaption></figure>

* **Skjult**: Trykk på valgknappen ved **«Skjult»** hvis feltet ikke skal vises for den som fyller ut skjemaet. Dette kan brukes til felt som kun skal være synlige for interne roller, eller fylles ut senere i prosessen.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FdcGco0tULWkJ0cyEY157%2Fimage.png?alt=media&#x26;token=65b086de-9693-4e1d-8958-249a5cd30bc5" alt="" width="200"><figcaption></figcaption></figure></div>

Når **«Skjult»** aktiveres, vises et merke øverst til høyre i feltet som indikerer at feltet ikke vil være synlig for den som fyller ut skjemaet.

<figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2FMRms5M3RRV7ds1JkACVV%2Fimage.png?alt=media&#x26;token=a953187f-8e22-4523-b195-ef1db105f4dd" alt=""><figcaption></figcaption></figure>

* **Skjult offentlig**: Trykk på valgknappen **«Skjult offentlig»** dersom feltet skal være synlig for den som fyller ut skjemaet, men ikke vises i den offentlige innsendingen etter at skjemaet er sendt inn. Dette er nyttig hvis skjemaet skal publiseres offentlig, men du vil skjule felt som inneholder sensitiv eller intern informasjon.

<div align="left"><figure><img src="https://3216209513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6aWzMnk8Uk6WDJJWUE46%2Fuploads%2Fo5hcUFM4GNPj7YznaD3r%2Fimage.png?alt=media&#x26;token=99ed637d-f8e4-4399-bedb-f37be26de397" alt="" width="267"><figcaption></figcaption></figure></div>

{% hint style="info" %}
I motsetning til **«Påkrevd»** og **«Skjult»** vises det ikke noe ikon øverst i feltet når **«Skjult offentlig»** er aktivert.
{% endhint %}

{% endstep %}
{% endstepper %}

***

### Klar!

Du har nå satt opp blokken Bilder – og gjort det mulig for brukeren å laste opp bilde som dokumenterer arbeidet visuelt.

***

#### Relevante lenker

* Se hvilke tilgjengelige handlinger som gjelder for alle blokker her: [blokker-tilgjengelige-handlinger](https://docs.dibbel.no/brukerveiledninger/for-nettsiden/funksjoner/ressursmaler/blokker-ulike-typer/blokker-tilgjengelige-handlinger "mention")

***