altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,448 lines • 36.2 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-deadline",
"icon-size": "",
"icon-extra-class": "",
"icon-text": "",
"icon-id": false,
"sr-only": false,
"aria-hidden": false,
"stacked-background": false,
"icon-post-text": false,
"icon-title": false,
"icon-sr-only-text": false,
"themeCss": "../../css/style.prototype.altinn.css",
"themeJs": "./../../js/altinnPrototyping.js",
"themeJsVendor": "../../js/altinnPrototyping.vendor.js",
"dropdown-link-class": "a-borderBottom",
"dropdown-top-item": {
"dropdown-top-item-content": "Lagrede søk",
"overflow-extraclass": "pt-1 pb-1"
},
"dropdown-item": [
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-letter-r",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "Lagre søk",
"dropdown-item-content-class": "a-fontBold"
},
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-letter-r",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "Annet lagret søk",
"dropdown-item-content-class": "a-fontBold"
},
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-settings",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "tilpass",
"dropdown-item-content-class": "a-fontBold"
}
],
"label-class": "badge-primary",
"label-id": false,
"label-content": "9",
"button-text": "En knapp med ikon",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-deadline"
},
"info-delete-add": {
"added-content": [
{
"title": "Tittel på elementet",
"delete-btn": {
"button-text": "Slett",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "a-danger ai-left"
}
},
"description": "Dette er en beskrivelse av elementet som er blitt lagt til"
}
],
"add-btn": {
"button-text": "Legg til",
"button-class": "a-btn a-btn-icon a-btn-add a-add-certificate",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-blueText"
}
}
},
"button-disabled": false,
"button-type": "button",
"onclick": false,
"display-as-link": false,
"ferdigsegment-done": {
"button-text": "Ferdig",
"button-class": "a-btn a-btn-success a-js-confirmAddRightBtn",
"button-id": "confirm-deletion",
"data-toggle": "collapse",
"data-target": "#eksempelID2",
"aria-expanded": false
},
"ferdigsegment-cancel": {
"button-text": "Avbryt",
"button-class": "a-btn-link",
"display-as-link": true,
"button-id": "cancel-deletion",
"margin-right-multiplier": 3,
"data-toggle": "collapse",
"data-target": "#eksempelID2",
"aria-expanded": false
},
"print-form-tag": false,
"text-input-id": "text-input-generic",
"isHidden": false,
"top-label": "Label: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks placeholder",
"input-type": "text",
"isRequired": false,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "input-field",
"form-control-class": "",
"checkbuttons": [
{
"checkbuttons-title": " Kun lese",
"checkbuttons-id": "checkbutton-read",
"checkbuttons-class": "",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-read"
}
},
{
"checkbuttons-title": " Fylle ut",
"checkbuttons-id": "checkbutton-edit",
"checkbuttons-class": "",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-write"
}
},
{
"checkbuttons-title": " Signere",
"checkbuttons-id": "checkbutton-sign",
"checkbuttons-class": "",
"role": "button",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-sign"
},
"stacked-background": false,
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "conditionalPopover",
"popover-class": "popover-warning",
"popover-text": "Dette er en popover tekst",
"data-trigger": "onchange",
"popover-buttons": [
{
"button-text": "knapp",
"button-class": "a-btn a-btn-danger"
}
]
},
{
"checkbuttons-title": " Toggle state icon",
"checkbuttons-id": "checkbutton-toggle",
"checkbuttons-class": "a-toggle-icon",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-plus"
},
"checkbuttons-toggle-icon": {
"checkbuttons-class": "a-toggle-icon",
"icon-prefix": "ai",
"icon-class": "ai-check"
}
},
{
"checkbuttons-title": "Eksempel uten ikon",
"checkbuttons-id": "checkbutton-example",
"checkbuttons-class": "",
"hasIcon": false
},
{
"checkbuttons-title": "Eksempel på deaktivert",
"checkbuttons-id": "checkbutton-deactivated",
"checkbuttons-class": "disabled",
"isDisabled": true,
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-sign"
}
},
{
"checkbuttons-title": "Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning",
"checkbuttons-id": "checkbutton-longtext",
"checkbuttons-class": "",
"hasIcon": false
}
],
"sortable-action-text": "Velg roller den ansatte skal ha:",
"sortable-action-link": {
"button-text": "Fjern alle",
"button-textClass": "a-btn-black-noUnderline a-fontBold",
"button-class": "a-btn-link",
"button-colorClass": "",
"link-url": "",
"aria-label": "Fjern alle roller",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exit ai-nw",
"icon-extra-class": "a-danger"
}
},
"sortable-action-items": {
"checkbuttons": [
{
"checkbuttons-id": "filterID14",
"checkbuttons-title": "Begrenset signeringsrett"
},
{
"checkbuttons-id": "filterID15",
"checkbuttons-title": "Lønn og personalmedarbeider"
},
{
"checkbuttons-id": "filterID16",
"checkbuttons-title": "Primærnæring og næringsmidler"
},
{
"checkbuttons-id": "filterID17",
"checkbuttons-title": "Regnskapsfører med signeringsrett"
},
{
"checkbuttons-id": "filterID18",
"checkbuttons-title": "Regnskapsfører lønn"
},
{
"checkbuttons-id": "filterID19",
"checkbuttons-title": "Basisrolle"
},
{
"checkbuttons-id": "filterID20",
"checkbuttons-title": "Regnskapsfører uten signeringsrett"
},
{
"checkbuttons-id": "filterID21",
"checkbuttons-title": "Revisorattester - MVA kompensasjon"
},
{
"checkbuttons-id": "filterID22",
"checkbuttons-title": "Utfyller/Innsender"
},
{
"checkbuttons-id": "filterID23",
"checkbuttons-title": "Ansvarlig revisor"
},
{
"checkbuttons-id": "filterID24",
"checkbuttons-title": "Revisormedarbeider"
},
{
"checkbuttons-id": "filterID25",
"checkbuttons-title": "Revisorrettighet"
},
{
"checkbuttons-id": "filterID26",
"checkbuttons-title": "Regnskapsmedarbeider"
}
]
},
"column-info-delete-edit": false,
"column-switches-with-text": false,
"column-info-delete-add": false,
"link-text": "En lenke ser slik ut",
"sr-text": false,
"header-text": "Forklarende tittel",
"intro-text": "Beskrivelse av innholdet i listen:",
"rows": [
{
"additional-classes": "a-dotted a-selectable",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"column-items": [
{
"column-text": {
"text": ""
},
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-extra-class": ""
}
}
],
"onclick": false
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold",
"text": "Navn Navnesenku"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"text": "2 roller"
}
}
]
},
{
"additional-classes": "a-hiddenWhenSelected",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Gi rettigheter</span>",
"data-target": "collapseIdSample"
}
},
{
"classes": "a-fontBold a-visibleWhenSelected d-none d-sm-block",
"column-text": {
"text": "Lagt til"
}
}
]
},
{
"additional-classes": "col pr-0 pr-md-5 text-right a-visibleWhenSelected",
"onclick": false,
"column-items": [
{
"classes": "a-fontBold",
"column-text": {
"text": "Lagt til"
}
}
]
}
],
"id": "firstRow",
"onclick": false,
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "collapseIdSample",
"content-id": "collapseIdSampleContent",
"column-items": [
{
"column-switches-with-text": {
"ferdigsegment-done": {
"button-text": "Ferdig",
"button-class": "a-btn a-btn-success collapsed",
"data-toggle": "collapse",
"data-target": "#collapseIdSample",
"aria-expanded": false,
"data-set-selected-target": "#firstRow",
"onclick": "$(this).closest('li').addClass('a-success a-disabled');"
},
"ferdigsegment-cancel": {
"button-text": "Avbryt",
"button-class": "a-btn-link collapsed",
"margin-right-multiplier": 3,
"data-toggle": "collapse",
"data-target": "#collapseIdSample",
"aria-expanded": false,
"display-as-link": true
}
}
}
]
}
},
{
"additional-classes": "a-dotted a-disabled a-success a-selectable a-selected",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"column-items": [
{
"column-text": {
"text": ""
},
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-extra-class": ""
}
}
],
"onclick": false
},
{
"additional-classes": "col-12 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold",
"text": "Navn Navnesen"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"text": "2 roller"
}
}
]
},
{
"additional-classes": false,
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fullWidthLink a-fontBold a-hiddenWhenSelected pr-0 pr-md-5",
"link-url": "#collapseIdSample2",
"link-text": "<span class='d-none d-sm-block'>Gi rettigheter</span>",
"data-target": "#collapseIdSample2",
"data-set-selected-target": "#secondRow"
}
}
]
},
{
"additional-classes": "col d-none d-sm-block a-visibleWhenSelected text-right pr-0 pr-md-5",
"onclick": false,
"column-items": [
{
"classes": "a-fontBold a-visibleWhenSelected",
"column-text": {
"text": "Lagt til"
}
}
]
}
],
"id": "secondRow",
"onclick": false,
"focusable": true,
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "collapseIdSample2",
"content-id": "collapseIdSample2Content",
"column-items": [
{
"column-switches-with-text": {
"ferdigsegment-done": {
"button-text": "Ferdig",
"button-class": "a-btn a-btn-success",
"data-toggle": "collapse",
"data-target": "#collapseIdSample2",
"aria-expanded": false,
"data-set-selected-target": "#secondRow"
},
"ferdigsegment-cancel": {
"button-text": "Avbryt",
"button-class": "a-btn-link",
"display-as-link": true,
"margin-right-multiplier": 3,
"data-toggle": "collapse",
"data-target": "#collapseIdSample2",
"aria-expanded": false,
"data-set-selected-target": "#secondRow"
}
}
}
]
}
},
{
"additional-classes": "a-dotted a-selectable a-disabled a-danger a-selected",
"id": "thirdRow",
"onclick": false,
"focusable": true,
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-extra-class": ""
}
}
]
},
{
"additional-classes": "col-12 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold",
"text": "Navn Navnesen"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"text": "2 roller"
}
}
]
},
{
"additional-classes": false,
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fullWidthLink a-hiddenWhenSelected pr-0 pr-md-5",
"link-url": "#collapseIdSample3",
"link-text": "<b class='d-none d-sm-block'>Gi rettigheter</b>",
"data-target": "#collapseIdSample3",
"data-set-selected-target": "#thirdRow"
}
}
]
},
{
"additional-classes": "col d-none d-sm-block text-right a-visibleWhenSelected pr-0 pr-md-5",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold",
"text": "Slettet"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "collapseIdSample3",
"content-id": "collapseIdSample3Content",
"column-items": [
{
"column-switches-with-text": {
"ferdigsegment-done": {
"button-text": "Ferdig",
"button-class": "a-btn a-btn-success",
"data-toggle": "collapse",
"data-target": "#collapseIdSample3",
"aria-expanded": false,
"data-set-selected-target": "#thirdRow"
},
"ferdigsegment-cancel": {
"button-text": "Avbryt",
"button-class": "a-btn-link",
"display-as-link": true,
"margin-right-multiplier": 3,
"data-toggle": "collapse",
"data-target": "#collapseIdSample3",
"aria-expanded": false,
"data-set-selected-target": "#thirdRow"
}
}
}
]
}
},
{
"additional-classes": "a-dotted",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Vanlig rad, ikke klikkbar"
}
}
]
}
]
},
{
"additional-classes": "a-dotted",
"columns": [
{
"additional-classes": "col-4 pr-1",
"column-items": [
{
"column-text": {
"text": "Vanlig rad med flere kolonner"
}
}
]
},
{
"additional-classes": "col-4 pr-1 d-none d-md-block",
"column-items": [
{
"column-text": {
"text": "Denne kolonnen skjules på liten skjerm, neste kolonne tar plassen som frigjøres"
}
}
]
},
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "En særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis."
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-danger a-selectable a-selected",
"columns": [
{
"additional-classes": "col a-lineThrough-selected",
"column-items": [
{
"column-text": {
"text": "Eksempel på valgt rad som gir rød bakgrunn og strikethrough på tekst"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-clickable",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Blå bakgrunn ved hover, klikkbar rad"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-disabled",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Disablet bakgrunn - ikke klikkbar"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-disabled a-danger",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Rød disablet bakgrunn - ikke klikkbar"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-deadline"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-disabled a-success",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Grønn disablet bakgrunn - ikke klikkbar"
}
}
]
}
]
},
{
"additional-classes": "a-dotted",
"columns": [
{
"additional-classes": "col-12 col-md-2",
"column-items": [
{
"column-text": {
"text": "06.01.2017"
}
}
]
},
{
"additional-classes": "col-12 col-md-2",
"column-items": [
{
"column-text": {
"classes": "a-fontBold",
"text": " Rolle tildelt "
}
}
]
},
{
"additional-classes": "col-12 col-md-8",
"column-items": [
{
"column-text": {
"classes": "a-blueText a-fontBold text-uppercase",
"text": " Pelle Hansen "
}
},
{
"column-text": {
"text": " fikk rollen "
}
},
{
"column-text": {
"classes": "a-fontBold",
"text": " Begrenset signeringsrettighet "
}
},
{
"column-text": {
"text": ". Det var "
}
},
{
"column-text": {
"classes": "a-blueText a-fontBold text-uppercase",
"text": "David Karlsson"
}
},
{
"column-text": {
"text": "som tildelte rollen."
}
},
{
"column-popover": {
"popover-link-text": "Klikk for å se mer informasjon",
"popover-link-text-class": "sr-only",
"open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons",
"popover-class": "popover-big",
"popover-content-id": "popoverSamtykke1",
"popover-content": false,
"popover-title": false,
"popover-description-content": {
"header-text": "Samtykke til medlertidig innsyn er git til Altinn1 ANS",
"intro-text": "Velkommen til samtykkeløsningen",
"secondary-title": "Følgende informasjon er omfattet av samtykket: ",
"third-title": "Summert skattegrunnlag fra Skattetaten",
"paragraf-text": "Innsyn i ditt skattegrunnlag.",
"additional-classes": false
},
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-help-popicon",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconInitial",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle"
}
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle"
}
}
]
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-clickable a-fontSizeM a-fontBold a-list-item-loadMore",
"list-item-role": "button",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-plus"
}
}
]
},
{
"additional-classes": "col",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "d-md-none"
}
},
{
"column-text": {
"classes": "",
"text": "Klikkbar rad med tekst og ikon"
}
}
]
}
]
},
{
"additional-classes": "a-clickable",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-plus"
}
}
]
},
{
"additional-classes": "col a-fontBold",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "d-md-none mx-1"
}
},
{
"column-text": {
"classes": "a-fontBold",
"text": "Klikkbar rad med tekst og ikon med mye luft"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-selectable a-success",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-blueText"
}
},
{
"column-text": {
"text": "Rollenavn"
}
}
]
},
{
"additional-classes": "col-auto text-right",
"column-items": [
{
"column-popover": {
"popover-link-text": "Klikk for å se mer informasjon",
"popover-link-text-class": "sr-only",
"open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons",
"popover-class": "popover-big",
"popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..",
"popover-content-id": "popoverSampleContent",
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-help-popicon",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconInitial",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
}
]
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-selectable a-success",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-blueText a-hiddenWhenSelected"
}
},
{
"column-text": {
"text": "Rollenavn"
}
}
]
},
{
"additional-classes": "col-auto text-right align-items-center d-flex",
"column-items": [
{
"column-icon-link": {
"linkIcon-url": "#",
"linkIcon-text": "Rediger",
"icon-prefix": "ai ai-sm",
"icon-class": "ai-edit",
"link-icon-class": "a-btn-blue-noUnderline pr-0",
"text-class": "d-none d-lg-inline a-fontSizeXS pr-1"
}
},
{
"column-popover": {
"popover-link-text": "Klikk for å se mer informasjon",
"popover-link-text-class": "sr-only",
"open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons",
"popover-class": "popover-big a-hiddenWhenSelected",
"popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..",
"popover-content-id": "popoverSampleContent",
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-help-popicon",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconInitial",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
}
]
}
},
{
"column-link": {
"link-class": "no-decoration a-visibleWhenSelected",
"link-url": "#",
"link-text": "Angre"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-undo",
"icon-extra-class": "a-visibleWhenSelected"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-selectable a-success a-selected",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-blueText a-hiddenWhenSelected"
}
},
{
"column-text": {
"text": "Rollenavn"
}
}
]
},
{
"additional-classes": "col-auto text-right align-items-center d-flex",
"column-items": [
{
"column-icon-link": {
"linkIcon-url": "#",
"linkIcon-text": "Rediger",
"icon-prefix": "ai ai-sm",
"icon-class": "ai-edit",
"link-icon-class": "a-btn-blue-noUnderline a-hiddenWhenSelected pr-0",
"text-class": "d-none d-lg-inline a-fontSizeXS pr-1"
}
},
{
"column-popover": {
"popover-link-text": "Klikk for å se mer informasjon",
"popover-link-text-class": "sr-only",
"open-popover-class": "a-helpIconButton a-js-persistPopover a-hiddenWhenSelected a-js-popoverBig a-js-togglePopoverIcons",
"popover-class": "popover-big",
"popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..",
"popover-content-id": "popoverSampleContent",
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-help-popicon",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconInitial",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "",
"stacked-background": {
"stacked-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "ai",
"icon-class": "ai-plain-circle",
"icon-extra-class": ""
}
}
]
}
},
{
"column-text": {
"text": "Angre",
"classes": "d-none d-sm-block a-visibleWhenSelected"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-undo",
"icon-extra-class": "a-visibleWhenSelected a-danger"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-selectable a-danger",
"onclick": false,
"columns": [
{
"additional-classes": "col",
"onclick": false,
"searchable": true,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue a-lineThrough-selected",
"text": "Patent, varemerke og design"
}
}
]
},
{
"additional-classes": "col-auto text-right align-items-center d-flex",
"onclick": false,
"column-items": [
{
"column-text": {
"text": "Fjern",
"classes": "d-none d-sm-block a-hiddenWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "a-danger a-hiddenWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-text": {
"text": "Angre",
"classes": "d-none d-sm-block a-visibleWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-undo",
"icon-extra-class": "a-danger a-visibleWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-text": {
"text": "Slettet",
"classes": "d-none d-sm-block a-visibleWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-fw",
"icon-extra-class": "a-danger a-visibleWhenDeleted"
}
}
]
}
],
"expandable-section": false
},
{
"additional-classes": "a-dotted a-selectable a-selected a-danger",
"onclick": false,
"columns": [
{
"additional-classes": "col",
"onclick": false,
"searchable": true,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue a-lineThrough-selected",
"text": "Privatperson begrensede rettigheter, med litt ekstra tekst slik at denne går over to linjer"
}
}
]
},
{
"additional-classes": "col-auto text-right align-items-center d-flex",
"onclick": false,
"column-items": [
{
"column-text": {
"text": "Fjern",
"classes": "d-none d-sm-block a-hiddenWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "a-danger a-hiddenWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-text": {
"text": "Angre",
"classes": "d-none d-sm-block a-visibleWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-undo",
"icon-extra-class": "a-danger a-visibleWhenSelected a-hiddenWhenDeleted"
}
},
{
"column-text": {
"text": "Slettet",
"classes": "d-none d-sm-block a-visibleWhenDeleted"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-fw",
"icon-extra-class": "a-danger a-visibleWhenDeleted"
}
}
]
}
],
"expandable-section": false
},
{
"additional-classes": "a-dotted a-selectable",
"onclick": false,
"columns": [
{
"additional-classes": "col-auto pr-2 pb-1 pb-md-0",
"onclick": false,
"searchable": false,
"column-items": [
{
"column-text": {
"classes": "",
"text": "ReceiverUser2"
}
}
]
},
{
"additional-classes": "col-12 d-md-none pb-1",
"onclick": false,
"column-items": [
{
"column-link": {
"link-icon-left": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "a-hiddenWhenExpanded ai-left a-blueText"
},
"link-icon": false,
"link-class": "collapsed a-hiddenWhenExpanded a-noUnderline a-pr-half",
"link-url": "#",
"link-text": "<span>Rediger</span>",
"data-target": "collapseIdSampleSertificate"
}
},
{
"column-link": {
"link-class": "a-visibleWhenExpanded",
"link-url": "#",
"link-text": "<span>Avbryt</span>",
"data-target": "collapseIdSampleSertificate"
}
}
]
},
{
"additional-classes": "col-12 col-md-auto a-visibleWhenExpanded pr-2 pb-1 pb-md-0",
"onclick": false,
"column-items": [
{
"column-button": {
"button-text": "Slett",
"button-class": "a-btn a-btn-icon",
"link-url": false,
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-circle-exit",
"icon-extra-class": "a-danger a-blueText ai-left"
}
}
}
]
},
{
"additional-classes": "col-12 col-md-auto a-visibleWhenExpanded pb-1 pb-md-0",
"onclick": false,
"column-items": [
{
"column-button": {
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"link-url": false,
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "a-blueText ai-left"
}
}
}
]
},
{
"additional-classes": "col a-visibleWhenExpanded",
"onclick": false,
"column-items": false
},
{
"additional-classes": "col-auto text-right d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-link": {
"link-icon-left": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "a-hiddenWhenExpanded a-blueText"
},
"link-icon": false,
"link-class": "collapsed a-fullWidthLink a-hiddenWhenExpanded a-noUnderline a-pr-half",
"link-url": "#",
"link-text": "<span>Rediger</span>",
"data-target": "collapseIdSampleSertificate"
}
},
{
"column-link": {
"link-class": "a-fullWidthLink a-fullWidthLink--underline a-visibleWhenExpanded a-pr-half",
"link-url": "#",
"link-text": "<span>Avbryt</span>",
"data-target": "collapseIdSampleSertificate"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "collapseIdSampleSertificate",
"content-id": "collapseIdSampleContentSertificate",
"column-items": [
{
"column-info-delete-add": true
}
]
}
}
],
"popover-aria-label": "valid",
"open-popover-class": "a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons",
"popover-data-target": "myPopup",
"popover-title": false,
"popover-content": false,
"popover-class": "",
"popover-link-text": "",
"popover-various-content": {
"alert-items": [
{
"alert-text": {
"text": "Dette er en tekst "
}
},
{
"alert-link": {
"link-text": "med en lenke som står i løpende tekst",
"link-url": "http://www.altinn.no"
}
},
{
"alert-text": {
"text": "og man kan ha mer tekst etter."
}
}
]
},
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-js-popoverIconInitial"
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-minus",
"icon-extra-class": "a-js-popoverIconExpanded"
}
],
"popover-content-id": "popoverWithIconToggle",
"altText": {
"altText": "Vis mer info"
},
"linkIcon-url": "#",
"linkIcon-text": "En lenke",
"column-items": [
{
"column-text": false,
"column-icon": false,
"column-link": false,
"column-button": false,
"column-popover": false
}
]
}