You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/altinn-studio/getting-started/app-dev-course/modul2/_index.nb.md
+12-14
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Tilpass datamodellen
3
-
description: I denne modulen skal vi tilpasse datamodellen til tjenesten
3
+
description: I denne modulen skal vi tilpasse datamodellen til tjenesten.
4
4
weight: 20
5
5
toc: true
6
6
---
@@ -35,36 +35,34 @@ Datamodellen definerer hvilke data man forventer å samle inn, og hvilket format
35
35
For et enkelt skjema er det ofte en 1-1 knytning fra felter i datamodellen til felter i skjemaet, mens for mer avanserte
36
36
skjemaer kan datamodellen og skjemaet være ganske forskjellige.
37
37
38
-
En datamodell med noen eksempel-felter følger med når man oppretter en tjeneste. Man kan redigere feltnavnene
38
+
En datamodell med noen eksempelfelter følger med når man oppretter en tjeneste. Man kan redigere feltnavnene
39
39
for å gjøre det tydelig hva de representerer, og legge til egne felter.
40
40
41
41
Datamodellen brukes til å bestemme _hva_ som skal hentes inn av data. Den brukes også til å bestemme _hvordan_ dataene
42
42
skal se ut/være, ved at man setter på begrensninger som valideres.
43
43
44
44
1. Naviger til "Datamodell"-siden ved å trykke på "Datamodell" i meny-linjen øverst på siden.
45
45
- Du får da opp datamodellen, med de feltene som er lagt inn.
46
-
2. Klikk på det første feltet i datamodellen, `property1`. Det dukker da opp en del redigeringsmuligheter i høyre-panelet.
46
+
2. Klikk på det første feltet i datamodellen, `property1`. Det dukker da opp en del redigeringsmuligheter i panelet til høyre.
47
47
3. Endre navnet på feltet `property1` til `fornavn`.
48
48
4. Velg feltet `property2` ,og endre navnet på feltet til `etternavn`.
49
49
5. Velg feltet `property3`, og endre navnet på feltet til `mellomnavn`.
50
50
6. Merk at `mellomnavn`-feltet ikke er satt som påkrevd, ved at valget "Påkrevd" er skrudd av. Klikk på feltene
51
51
`fornavn` og `etternavn` og se at disse feltene er satt som påkrevd. Du kan beholde disse innstillingene som de er.
52
52
7. Klikk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Heltall".
53
-
8. Se at det nå er lagt til et nytt felt med navn "name0" og type "Heltall" nederst i datamodellen. Endre navn på heltall-feltet til `alder`.
54
-
9. Lenger nede i "Egenskaper"-panelet på høyre-siden er det et felt som heter "Minder eller lik". Skriv inn tallet `120` i dette feltet.
53
+
8. Se at det nå er lagt til et nytt felt med navn "name0" og type "Heltall" nederst i datamodellen. Endre navn på heltallfeltet til `alder`.
54
+
9. Lenger nede i "Egenskaper"-panelet på høyresiden er det et felt som heter "Mindre enn eller lik". Skriv inn tallet `120` i dette feltet.
55
55
10. Klikk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt".
56
56
11. Se at det nå er lagt til et nytt felt med navn "name0" og type "Objekt" nederst i datamodellen. Endre navn på objekt-feltet til `adresse`.
57
57
12. Klikk på `adresse`-feltet i datamodellen. Se at pilen nå peker ned, og det åpner seg en gruppe under feltet, med beskjeden `Dette elementet er tomt`.
58
-
13. Hold musepekeren over adressefeltet. Du vil da se 3 knapper ved siden av feltet. Trykk på `+`-tegnet og så "Legg til felt" i meny-listen for å legge til et nytt felt i gruppen.
58
+
13. Hold musepekeren over adressefeltet. Du vil da se tre knapper ved siden av feltet. Trykk på `+`-tegnet og så "Legg til tekst" i menyen for å legge til et nytt tekstfelt i gruppen.
59
59
14. Klikk på det nye feltet som ble lagt inn i gruppen, og endre navn på feltet til `gateadresse`.
60
-
15. Hold musepekeren på nytt over `adresse`-gruppen, og trykk på `+`-tegnet og "Legg til felt" for å legge til et nytt felt i gruppen. Gi feltet navnet `postnummer`.
61
-
- Feltet får automatisk typen "Tekst", og kan beholde den typen.
62
-
16. Legg til enda et nytt felt i `adresse`-gruppen og gi feltet navnet `poststed`.
63
-
- Feltet får automatisk typen "Tekst", og kan beholde den typen.
60
+
15. Hold musepekeren på nytt over `adresse`-gruppen, og trykk på `+`-tegnet og "Legg til tekst" for å legge til et nytt tekstfelt i gruppen. Gi feltet navnet `postnummer`.
61
+
16. Legg til enda et nytt tekstfelt i `adresse`-gruppen og gi feltet navnet `poststed`.
64
62
17. Gå tilbake til toppen av datamodellen og legg til en ny gruppe med navn `kontaktinfo`.
65
-
- Trykk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt".
66
-
18. Legg til et felt i `kontaktinfo`-gruppen, og gi feltet navn `epost`.
67
-
19. Legg til et til felt i `kontaktinfo`gruppen og gi feltet navn `telefon`.
63
+
- Trykk på "Legg til"-knappen ved siden av `model` øverst i datamodellen og velg "Objekt". Bytt deretter ut "name0" med "kontaktinfo" under "Navn" i panelet til høyre.
64
+
18. Legg til et tekstfelt i `kontaktinfo`-gruppen, og gi feltet navn `epost`.
65
+
19. Legg til et til tekstfelt i `kontaktinfo`-gruppen og gi feltet navn `telefon`.
68
66
20. Alle feltene fra kravlisten er nå lagt inn. Trykk på knappen "Generer modeller" for å lage alle nødvendige
69
67
modellfiler for tjenesten. Når dette er fullført vil du se en grønn boks med en bekreftende melding øverst
70
68
på siden.
@@ -79,4 +77,4 @@ I denne modulen har du tilpasset datamodellen til tjenesten ved å legge til øn
description: Lag en informasjonsside som brukeren ser når de starter tjenesten
3
+
description: Lag en informasjonsside som brukerne ser når de starter tjenesten.
4
4
linktitle: Lag infoside
5
5
tags: [apps, training, form, pages]
6
6
weight: 40
@@ -11,16 +11,16 @@ I denne modulen skal vi legge til en ny side i skjemaet som skal vise informasjo
11
11
de starter tjenesten.
12
12
13
13
14
-
###Temaer som dekkes i denne modulen
15
-
- Flere sider i skjema
14
+
## Temaer som dekkes i denne modulen
15
+
- Flere sider i et skjema
16
16
- Tekster
17
17
- Bildekomponent
18
-
- Tilpasse komponentbredde i skjema
18
+
- Tilpasse komponentbredde i et skjema
19
19
20
-
###Krav fra Sogndal kommune
20
+
## Krav fra Sogndal kommune
21
21
Siden Sogndal kommune vil samle inn personopplysninger i denne tjenesten, må de klargjøre hvem skjemaet
22
-
er ment for og hvordan de vil bruke dataene. Noen i kommunen har laget et
23
-
[utkast til en informasjonsside](../resources/infoside_tilflyttere.pdf) for dette formålet.
22
+
er ment for og hvordan de vil bruke dataene. Noen i kommunen har laget
23
+
[et utkast til en informasjonsside for dette formålet](../resources/infoside_tilflyttere.pdf).
24
24
25
25
Informasjonssiden bør gjenspeile følgende elementer:
26
26
- plassering av bilder
@@ -38,57 +38,52 @@ Du kan bruke følgende bilde av Sogndals kommunevåpen i tjenesten:
38
38
3. Endre navn på den nye siden ved å klikke på sidens ID i konfigurasjonskolonnen, og skriv inn navnet `infoside`.
39
39
- Det har automatisk dukket opp navigasjonsknapper på den nye siden. Åpne den første siden, og se at det også har
40
40
dukket opp navigasjonsknapper på denne. Åpne `infoside` igjen for å fortsette.
41
-
4. Klikk på meny-ikonet (tre prikker) ved siden av sidenavnet `infoside` og velg "Flytt opp".
41
+
4. Klikk på menyikonet (tre prikker) ved siden av sidenavnet `infoside` og velg "Flytt opp".
42
42
- Se at den nye siden nå flytter seg til øverst i skjemaoversikten.
43
-
5. Legg til en Bilde-komoponent fra komponentoversikten til venstre ved å dra den inn i `infoside`. Denne ligger under "Standard"-listen med komponenter.
43
+
5. Legg til en Bilde-komponent fra komponentoversikten til venstre ved å dra den inn i `infoside`. Denne ligger under "Standard"-listen med komponenter.
44
44
6. Merk at du kan flytte bildekompnenten opp og ned på siden ved å dra den og slippe i ønsket posision. Pass på at bildekomponenten
45
45
ligger øverst på siden.
46
46
7. Åpne "Innhold"-seksjonen i konfigurasjonskolonnen.
47
-
8. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Grid". Valget "Bruk standardinnstilling" er på - skru av dette valget.
47
+
8. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Komponentbredde". Valget "Bruk standardinnstilling" er på - skru av dette valget.
48
48
9. Sett bredden til 3. Pass på at valgt skjermstørrelse er "Mobil".
49
-
10. Under "Innstillinger for bilde" (nederst in "Innhold"-seksjonen), i feltet "Kilde", lim inn [lenken til bildet](../resources/kommune-logo.png).
50
-
11. Legg til en ny komponent i skjemaet: en Tittel-komponent fra komponentoversikten (under "Tekst"-seksjonen i venstre-panelet).
51
-
Denne legges inn _rett under_ bildekomponenten.
49
+
10. Under "Innstillinger for bilde" (nederst in "Innhold"-seksjonen), i feltet "Kilde", lim inn lenken til bildet: `https://docs.altinn.studio/nb/altinn-studio/getting-started/app-dev-course/resources/kommune-logo.png`.
50
+
11. Legg til en tittel under bildet. Tittelkomponenten kan du finne under seksjonen "Tekst" i panelet til venstre.
52
51
12. Åpne "Tekst"-seksjonen i konfigurasjonskolonnen (i midten).
53
-
13. Klikk på "Ledetekst" og legg inn teksten:
52
+
13. Klikk på "Ledetekst" og legg inn denne teksten:
54
53
```text
55
54
Skjema for informasjonsinnsamling for fremtidige tilflyttere
56
55
```
57
56
14. Åpne "Innhold"-seksjonen i konfigurasjonskolonnen.
58
-
15. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Grid". Valget "Bruk standardinnstilling" er på - skru av dette valget.
57
+
15. Øverst i "Innhold"-seksjonen ligger en innstilling som heter "Komponentbredde". Valget "Bruk standardinnstilling" er på - skru av dette valget.
59
58
16. Sett bredden til 9. Pass på at valgt skjermstørrelse er "Mobil".
60
-
17. Legg til en ny komponent i skjemaet: en Paragraf-komponent fra komponentoversikten (under "Tekst"-seksjonen i venstre-panelet).
59
+
17. Legg til en paragraf etter tittelen. Paragrefkomponenten kan du finne under seksjonen "Tekst" i panelet til venstre.
61
60
18. Åpne "Tekst"-seksjonen i konfigurasjonskolonnen (i midten).
62
-
19. Klikk på "Ledetekst" og legg inn teksten:
61
+
19. Klikk på "Ledetekst" og legg inn denne teksten:
63
62
```text
64
63
Opplysningene du oppgir i dette skjemaet vil benyttes til å skreddersy en pakke med kommunale tilbud til deg og de du eventuelt flytter til kommunen sammen med.
65
64
```
66
-
20. Legg til en ny komponent i skjemaet: en Paragraf-komponent. Legg til ledetekst (kopier og lim inn):
65
+
20. Legg til en ny paragrafkomponent i skjemaetog lim inn denne teksten:
67
66
```text
68
67
Du skal ikke bruke dette skjemaet hvis:
69
68
- Du er allerede bosatt i Sogndal kommune
70
69
- Du bor i en annen kommune og har ingen planer om å flytte
71
70
- Du skal flytte til Sogndal, men **ikke** i løpet av de neste 12 månedene.
72
71
```
73
-
Merk bruken av `-` for å formattere teksten som punkt-liste, og `**` for å utheve tekst.
72
+
Merk bruken av `-` for å formatere teksten som en punktliste, og `**` for å utheve tekst.
74
73
75
74
76
75
### Nyttig dokumentasjon
77
76
- [Formatering av tekster](/nb/altinn-studio/reference/ux/texts/#formatering-av-tekster)
0 commit comments