Sist endret: 10. nov. 2024

Gruppe vist som panel

Konfigurasjonsdetaljer for grupper vist som panel

Deler av denne konfigurasjonen er ikke tilgjengelig i v4 og gjøres litt anderledes. Se ikke-repeterende grupper for mer informasjon på hvordan man kan gruppere komponenter visuelt.

Vise gruppen som del av Panel

Gruppe-komponenter kan også sette en parameter, panel. Denne sier at gruppen skal vises som en del av Panel-komponenten.

Her vil du kjenne igjen utseende og innstillinger som kan settes på panel-komponenten. Eksempeloppsett:

{
  "id": "input-panel-group",
  "type": "Group",
  "children": [
    "child1",
    "child2"
  ],
  "dataModelBindings": {},
  "textResourceBindings": {
    "title": "Dette er bare en demo av input panel utenfor repeterende gruppe.",
    "body": "Her ser jeg bare at ting fungerer som forventet."
  },
  "panel": {
    "variant": "info"
  }
}

Her har man satt opp gruppen til å vises som panel med variant “info”. Oppsettet er ellers helt likt som en vanlig gruppe.

Dette vil gi følgende output:

Gruppe med panel
Gruppe med panel

Det er mulig å konfigurere følgende settings i panel feltet på en gruppe:

ParameterPåkrevdBeskrivelse
variantJaHvilken variant av panel gruppen skal ligge i. Tilgjengelige verdier er “info”, “success” og “warning”
iconUrlNeiOm man ønsker eget ikon som del av panel kan dette settes. Relativ eller full path, f.eks “awesomeIcon.png” eller “http://cdn.example.com/awesomeIcon.png"
iconAltNeiAlternativ tekst til custom icon. Kan kun settes om iconUrl er satt. Kan være ren tekst eller en refereanse til en tekstressurs.

Eksempel:

{
  "panel": {
    "variant": "info",
    "iconUrl": "kort.svg",
    "iconAlt": "Betalingskort ikon"
  }
}