altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,408 lines • 41.1 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-private",
"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.dist.altinnett.css",
"themeJs": "../../js/altinnettPrototyping.js",
"themeJsVendor": "../../js/altinnettPrototyping.vendor.js",
"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": "",
"icon-list-items": [
{
"list-item-name": "Forretningsplan.ods",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-ods ai-md ai-nw pr-1"
},
{
"list-item-name": "Oppdragsavtale.doc",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment ai-md ai-nw pr-1"
},
{
"list-item-name": "Driftsbudsjett.pdf",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-pdf ai-md ai-nw pr-1"
}
],
"button-text": "En standard knapp",
"button-class": "a-btn a-btn-icon a-btn-shadow",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"aria-label": "knapp med popover",
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Gå tilbake",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": ""
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon"
}
],
"login-name": "JAN PETTERSEN",
"display-as-dropdown": false,
"personlogin-isDropdown": "dropdown",
"variation": "",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1",
"icon-sr-only-text": "Min profil"
},
"logo": {
"logo": "../../images/a-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"show-login": false,
"login-show": {
"login-name": "Kari Nordmann",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon"
}
},
"modal-id": "modal-singel",
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": "",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-back": {
"data-target": "#modal"
}
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
}
}
]
},
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html",
"footerHeading": "Vil du vite mer?",
"footer-search": {
"text-input-id": "text-input-search-footer",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"contactLinks": [
{
"text": "800 33 840",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-phone"
}
},
{
"contact": {
"text": "Kontakt oss",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-send"
}
}
}
],
"address": "Brønnøysundregistrene, 8910 Brønnøysund",
"infoLinks": [
{
"text": "Altinns rolle"
},
{
"text": "Altinn i fremtiden"
},
{
"text": "Innovation"
}
],
"smallLinks": [
{
"text": "Driftsmeldinger"
},
{
"text": "Personvern"
},
{
"text": "Hjelp"
}
],
"singelmodal": {
"modal-id": "modal-singel",
"modal-isSingel": true,
"show-login": false,
"display-as-dropdown": false,
"logo": {
"logo": "../../images/an-logo-darkBlue.svg"
},
"submit": {
"button-text": "Send",
"button-class": "a-btn",
"button-id": "a-js-contactForm-submit",
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"data-is-success": true,
"data-action": "load",
"data-toggle": "altinn-modal",
"data-target": "modal-singel",
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
},
"onclick": "goBack()"
}
]
}
},
"class": "mb-6 mb-lg-8",
"intro-text": "Beskrivelse av innholdet i listen:",
"mail-adress": "samtykke@altinn.no",
"telNumber": "93265432",
"telNumberVisible": "481 16 369",
"img-src": "../../images/pen-and-ruler.svg",
"img-alt": "Penn og linjal. Ikon.",
"link-text": "En lenke ser slik ut",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"sr-text": false,
"circle-variation": "",
"circle-list-items": [
{
"circle-list-title": "Første punkt i listen",
"circle-list-info": "(med ekstra informasjon)"
},
{
"circle-list-title": "Andre punkt i listen har",
"circle-list-info": "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. Donec aliquam dolor quis convallis finibus. Vivamus commodo semper volutpat. Nullam iaculis, nisl in elementum viverra, ligula leo tristique mauris, ut laoreet justo massa ut nisi. Duis lacinia nulla justo, vitae vehicula arcu suscipit sed. Vivamus ac odio quis turpis rutrum lacinia a eu dui. Nullam imperdiet, nibh sit amet venenatis auctor, libero massa placerat ipsum, fermentum dignissim nibh mauris sit amet ex."
},
{
"circle-list-title": "Tredje punkt",
"circle-list-info": "har kun litt tekst."
},
{
"circle-list-title": "Fjerde punkt i listen har lenke!",
"circle-list-link": {
"link-text": "Finn ut mer",
"link-url": "http://www.skatteetaten.no",
"link-icon": false
}
}
],
"imageurl": "../../images/illustrasjon_starte_og_drive_sirkel.svg",
"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-colorClass": "",
"button-shadow-label": false,
"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"
}
}
},
"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
},
"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,
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "popoverWithIconToggle",
"popover-class": "",
"popover-text": "Dette er en popover tekst",
"popover-buttons": [
{
"button-text": "knapp",
"button-class": "a-btn a-btn-danger"
},
{
"button-text": "link",
"button-class": "a-btn-link a-linkDanger",
"display-as-link": true
}
],
"header-text": "Forklarende tittel",
"rows": [
{
"additional-classes": "a-dotted a-list a-list-noIcon",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Første rad"
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-list a-list-noIcon",
"columns": [
{
"additional-classes": "col",
"column-items": [
{
"column-text": {
"text": "Andre rad"
}
}
]
}
]
}
],
"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-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"
}
],
"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
}
],
"flexWrap": false,
"check-legend": {
"check-legendText": "Velg ett eller flere alternativer"
},
"checkboxes": [
{
"isInline": true,
"isChecked": false,
"checkboxID": "check1",
"checkboxes-title": "Kryss av i den første avkrysningsboksen",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check2",
"checkboxes-title": "Kryss av i den andre avkrysningsboksen",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check3",
"checkboxes-title": "En avkrysningsboks som er required",
"isRequired": true
},
{
"inactive": true,
"isChecked": false,
"checkboxID": "check4",
"checkboxes-title": "En deaktivert avkrysningsboks",
"isRequired": false,
"isInline": true
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check5",
"checkboxes-title": "Husbanken",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check6",
"checkboxes-title": "Lotteri- og stifelsestilsynet",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check7",
"checkboxes-title": "Statens lånekasse for utdanning",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check8",
"checkboxes-title": "Direktoratet for byggkvalitet",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check9",
"checkboxes-title": "Nasjonal kommunikasjonsmyndighet",
"isRequired": false
}
],
"firstLevelColClass": "col-12",
"secondLevelColClass": "col-12 col-md-3",
"hrExtraClass": "a-hrLight",
"loadmoreSearch": false,
"firstLevelCheckboxes": [
{
"hasSecondLevel": true,
"isStacked": "custom-controls-stacked",
"secondLevelId": "firstNestedLevel",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Main",
"data-toggle": "nestedCheckbox",
"data-target": "#firstNestedLevel"
}
],
"secondLevelCheckboxes": [
{
"isDiscreet": "a-form-checkboxes--discret",
"isStacked": "custom-controls-stacked",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Nested"
}
]
},
{
"isDiscreet": "a-form-checkboxes--discret",
"isStacked": "custom-controls-stacked",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Nested"
}
]
}
]
},
{
"isStacked": "custom-controls-stacked",
"firstLevelColClass": "col-12 col-md-3",
"hrExtraClass": "d-md-none a-hrLight",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Secondexample"
}
],
"hasSecondLevel": false
},
{
"isStacked": "custom-controls-stacked",
"firstLevelColClass": "col-12 col-md-3",
"hrExtraClass": "d-md-none a-hrLight",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Secondexample"
}
],
"hasSecondLevel": false
}
],
"profile-sok": {
"text-input-id": "search-for-profiles-1",
"text-input-placeholder": "Søk etter profil",
"input-type": "search",
"isRequired": false,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"top-label": false,
"form-control-class": "",
"form-input-hasButton": false,
"form-input-isPassword": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-others"
}
},
"select-all": {
"check-legend": false,
"checkboxes": [
{
"checkboxes-title-class": "a-fontBold ml-1",
"checkboxes-title": "Velg alle"
}
]
},
"selected-items": {
"label-class": "badge-primary a-bgBlueLighter",
"label-id": "profiles-selected",
"label-content": "2 profiler valgt"
},
"checkbox-list": [
{
"checkbox-list-id": "forSelectionList",
"loadmoreSearch": {
"icon-prefix": "ai ai-nw ai-nw-pr",
"icon-class": "ai-plus",
"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,
"linkIcon-url": "#",
"linkIcon-text": "Last flere",
"text-class": "a-fontBold"
},
"firstLevelCheckboxes": [
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 1 AS</b> org. nr. 123 456 001"
}
]
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 2 AS</b> org. nr. 123 456 002"
}
]
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 3 AS</b> org. nr. 123 456 003"
}
]
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 4 AS</b> org. nr. 123 456 004"
}
]
}
]
},
{
"checkbox-list-id": "selectedProfiles",
"firstLevelCheckboxes": [
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"isChecked": true,
"checkboxes-title": "<b>Organisasjon 5 AS</b> org. nr. 123 456 005"
}
]
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"checkboxes": [
{
"isChecked": true,
"checkboxes-title": "<b>Organisasjon 6 AS</b> org. nr. 123 456 006"
}
]
}
]
}
],
"isDiscreet": true,
"date-input-label": "Dato:",
"hasFieldset": true,
"switch-legend": "Velg et alternativ",
"radiobuttons": [
{
"radiobuttons-title": "Du kan velge denne",
"radiobuttons-id": "radiobutton-read",
"radiobuttons-name": "addRights",
"radiobuttons-class": "",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-read"
}
},
{
"radiobuttons-title": "eller denne",
"radiobuttons-id": "radiobutton-edit",
"radiobuttons-name": "addRights",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "eller denne",
"radiobuttons-id": "radiobutton-sign",
"radiobuttons-name": "addRights",
"radiobuttons-class": "",
"hasIcon": false
}
],
"topRadioButtons": {
"radiobuttons": [
{
"radiobuttons-title": "Siste måned",
"radiobuttons-id": "checkbutton-1",
"radiobuttons-class": "",
"radiobuttons-name": "period",
"hasIcon": false
},
{
"radiobuttons-title": "Siste 6 måneder",
"radiobuttons-id": "checkbutton-2",
"radiobuttons-class": "",
"radiobuttons-name": "period",
"hasIcon": false
},
{
"radiobuttons-title": "Siste 12 måneder",
"radiobuttons-id": "checkbutton-3",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2017",
"radiobuttons-id": "checkbutton-4",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2016",
"radiobuttons-id": "checkbutton-5",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2015",
"radiobuttons-id": "checkbutton-6",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2014",
"radiobuttons-id": "checkbutton-7",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2013",
"radiobuttons-id": "checkbutton-8",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2012",
"radiobuttons-id": "checkbutton-9",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2011",
"radiobuttons-id": "checkbutton-10",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2010",
"radiobuttons-id": "checkbutton-11",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2009",
"radiobuttons-id": "checkbutton-12",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2008",
"radiobuttons-id": "checkbutton-13",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
},
{
"radiobuttons-title": "2007",
"radiobuttons-id": "checkbutton-14",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
}
]
},
"bottomRadioButtons": {
"radiobuttons": [
{
"radiobuttons-title": "Velg periode",
"radiobuttons-id": "checkbutton-15",
"radiobuttons-name": "period",
"radiobuttons-class": "",
"hasIcon": false
}
]
},
"firstDateField": {
"date-input-label": "Fra:",
"icon-prefix": "ai",
"icon-class": "ai-date",
"icon-extra-class": "",
"form-control-class": "",
"inputId": "dateField1"
},
"secondDateField": {
"date-input-label": "Til:",
"icon-prefix": "ai",
"icon-class": "ai-date",
"icon-extra-class": "",
"form-control-class": "",
"inputId": "dateField2"
},
"collapse-header-id": "",
"collapse-header-text": "Ekspandérbar Overskrift har mange ord for å teste hvordan det brekker",
"data-parent": "accordion",
"extra-link-class": false,
"collapseContent-inside-extraclass": false,
"accordion-header-items": [
{
"collapse-header-id": "accordionHeaderItem1",
"collapse-header-text": "Første ekspandérbare overskrift har veldig veldig veldig veldig veldig mange ord for å teste hvordan det vil se ut",
"collapse-header-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.",
"paragraphContent": false,
"link": false,
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem2",
"collapse-header-text": "Andre ekspandérbare overskrift",
"collapse-header-content": false,
"paragraphContent": false,
"link": false,
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem3",
"collapse-header-text": "Tredje ekspandérbare overskrift",
"collapse-header-content": false,
"paragraphContent": false,
"link": false,
"isSmall": false
}
],
"link-buttonLarge": {
"link-class": "a-btn a-btn-negative",
"link-text": "Lær mer"
},
"case-title": "Karasjok kommune har spart 2 600 456 på å bruke Altinn hittil i år.",
"case-paragraph": "Lær hvordan og se hvor mye du kan spare som tjenesteeier.",
"colorClass": "a-bgBlueDark",
"orderClass": "order-md-last",
"paragraphClass": "a-fontSizeS",
"slideshow": [
{
"slideshow-class": "an-slideshow-set-md",
"slides": [
{
"img-src": "../../images/altinnett-slideshow/digitalpost-1.svg",
"img-alt": "Et skjerm som vises en nettside med en knapp for å sende en melding i midten. (Tegning)",
"heading": "Slik fungerer digital dialog (1 av 3)",
"caption": "Du varsler brukerne om oppgavene deres fra ditt fagsystem. Du velger selv når og hvordan, og varselet sendes umiddelbart til brukeren."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-2.svg",
"img-alt": "Tre mobiltelefoner. Den første har mottatt en melding, den andre vises et logg inn skjema og den tredje vises en melding. (Tegning)",
"heading": "Slik fungerer digital dialog (2 av 3)",
"caption": "Brukerne får varsel, logger inn og fyller ut. De får varsel om svar på det de har sendt inn og kan om nødvendig logge inn og lese svaret."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-3.svg",
"img-alt": "Et skjerm som vises et linjediagram. (Tegning)",
"heading": "Slik fungerer digital dialog (3 av 3)",
"caption": "Du mottar kontinuerlig data fra Altinn rett inn i ditt system. Her kan du selv purre på dem som somler, behaldle saker og sende umiddelbare svar til brukeren."
}
]
},
{
"slideshow-class": "an-slideshow-set-sm",
"slides": [
{
"img-src": "../../images/altinnett-slideshow/digitalpost-mobile-1.svg",
"img-alt": "Et skjerm som vises en nettside med en knapp for å sende en melding i midten. (Tegning)",
"heading": "Slik fungerer digital dialog (1 av 5)",
"caption": "Du varsler brukerne om oppgavene deres fra ditt fagsystem. Du velger selv når og hvordan, og varselet sendes umiddelbart til brukeren."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-mobile-2.svg",
"img-alt": "En mobiltelefon som har mottatt en melding. (Tegning)",
"heading": "Slik fungerer digital dialog (2 av 5)",
"caption": "Brukerne får varsel..."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-mobile-3.svg",
"img-alt": "En mobiltelefon som vises et logg inn skjema. (Tegning)",
"heading": "Slik fungerer digital dialog (3 av 5)",
"caption": "...logger inn og fyller ut."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-mobile-4.svg",
"img-alt": "En mobiltelefon som vises en melding. (Tegning)",
"heading": "Slik fungerer digital dialog (4 av 5)",
"caption": "Brukerne får varsel om svar på det de har sendt inn og kan om nødvendig logge inn og lese svaret."
},
{
"img-src": "../../images/altinnett-slideshow/digitalpost-mobile-5.svg",
"img-alt": "Et skjerm som vises et linjediagram. (Tegning)",
"heading": "Slik fungerer digital dialog (5 av 5)",
"caption": "Du mottar kontinuerlig data fra Altinn rett inn i ditt system. Her kan du selv purre på dem som somler, behaldle saker og sende umiddelbare svar til brukeren."
}
]
}
],
"paragraph-content": "Standard tekststørrelse på avsnitt er 16px. Dersom avsnittet plasseres i en artikkemal som har klassen a-text, vil teksten i avsnitet bli 18px. Lenker vil da få 1px border-bottom, og lenker i bold vil få 2px border-bottom. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ",
"breadcrumb-item": [
{
"breadcrumb-title": "Første nivå"
},
{
"breadcrumb-title": "Andre nivå"
},
{
"breadcrumb-title": "Tredje nivå",
"breadcrumb-class": "breadcrumb-mobile"
},
{
"breadcrumb-title": "Fjerde nivå som er siden du står på",
"breadcrumb-class": "active"
}
],
"bulletListItems": [
{
"listItemDescription": "Første punkt i bullet-listen.",
"listItemFootnote": true
},
{
"listItemDescription": "Andre punkt i bullet-listen."
},
{
"listItemDescription": "Tredje punkt i bullet-listen."
}
],
"backgroundClass": "a-bgWhite",
"title": "Altinnett",
"illustration": {
"img-alt": "En dame går tur med en hund og ser på mobilen sin. Tegning.",
"img-src": "../../images/altinnett-digital-post.svg"
},
"caption": "Ønsker du å sende digital post på en sikker måte og samtidig spare mye penger på å gjøre det? Denne tjenesten har på kort tid vokst seg veldig populær, ikke minst fordi brukerne hvert år sparer millioner av kroner på å bruke den.",
"list": {
"bulletListItems": [
{
"listItemDescription": "Første punkt i bullet-listen."
},
{
"listItemDescription": "Andre punkt i bullet-listen."
},
{
"listItemDescription": "Tredje punkt i bullet-listen."
}
]
},
"header-color": "",
"url-logo": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html",
"headerlogo": "../../images/an-logo-blue.svg",
"dropdown-class": "a-dropdown-languages",
"hide-header": true,
"header-mobilesearch": {
"text-input-id": "dropdown-input-search",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"url-aktuelt": "/patterns/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt.html",
"ekstra-menypunkt-1": "Ekstra menypunkt 1",
"tel-icon": {
"icon-prefix": "ai ai-nw ai-nw-pr",
"icon-class": "ai-phone"
},
"bodyClass": "project-altinnett a-bgWhite",
"header": {
"headerlogo": "../../images/an-logo-blue.svg"
},
"crumbs": {
"breadcrumb-item": [
{
"breadcrumb-title": "Produkter"
},
{
"breadcrumb-title": "Samtykke",
"breadcrumb-class": "active"
}
]
},
"productHeader": {
"title": "Samtykke",
"illustration": false,
"icon": {
"img-src": "../../images/dokumentasjon_white.svg",
"img-alt": "Dokument ikon",
"backgroundClass": "a-bgBlue"
},
"caption": "Med Samtykke kan du be om lov til å hente data det offentlige allerede har om en innbygger eller virksomhet. Ved å velge denne får du:",
"list": {
"bulletListItems": [
{
"listItemDescription": "Sikker og rask tilgang til de dataene du trenger"
},
{
"listItemDescription": "Effektivisert saksbehandlingen"
},
{
"listItemDescription": "En løsning hvor det er enkelt for brukerne å dele data og ha oversikt over hva som er delt"
},
{
"listItemDescription": "Et mellomledd som ivaretar rettighetene til data for alle parter"
}
]
}
},
"paragraphs": [
{
"section-sub-title": "Hva er Samtykke i Altinn?",
"multipleParagraphs": [
{
"paragraph-content": "Samtykke gjør det mulig å få tilgang til data om personer eller organisasjoner som det offentlige har innhentet tidligere, som for eksempel likningsdata. Samtykke brukes når du ikke har hjemmel til å innhente opplysningene uten samtykke fra den som eier dem. Samtykke kan legges inn som et eget steg i en hvilken som helst digital dialog med brukeren. Brukerne vil kunne se hva de samtykker til å dele, hvem de deler data med, hvor lenge, og innenfor hvilke kontekst dataene skal brukes."
}
]
},
{
"section-sub-title": "Hvem passer tjenesten for?",
"multipleParagraphs": [
{
"paragraph-content": "Samtykke passer for deg som ønsker å forenkle innhenting av data fra brukerne. Du kan enten lage en helt ny samtykkeløsning eller velge å koble deg på en eksisterende løsning. Mulighetsrommet for å bruke samtykkeløsningen er stort og vi ser for oss løsninger for eksempel innen helse, (helseattester), politi og justis (fullmakt om pass til barn), jobb og anskaffelser (vandelsattest, vitnemål) eller forsikring (helseopplysninger)."
},
{
"paragraph-content": "Samtykkebasert lånesøknad var den første løsningen som tok i bruk samtykke i Altinn. Denne ble til i et samarbeid mellom finansnæringen, Skatteetaten og Brønnøysundregistrene/Altinn. Samtykkebasert lånesøknad vant Digitaliseringsprisen 2018 og ble årets digitale suksesshistorie."
}
]
},
{
"section-sub-title": "Hva er fordelene?",
"multipleParagraphs": [
{
"paragraph-content": "Deling av opplysninger gjennom samtykke gir kjappere saksbehandling og bedre bruk av offentlige data. Det gjør det lettere for brukerne å være i kontakt med det offentlige og gjør det mulig for private aktører å bruke offentlige data på en god og sikker måte. Kun det som trengs for den spesifikke saken blir samlet inn. I bankenes tilfelle får de tilgang kun til de opplysningene som trengs for å behandle lånesøknaden, og ikke en kopi av hele skattemeldingen."
},
{
"paragraph-content": "Det er enkelt og oversiktlig for brukeren å dele data gjennom samtykke i Altinn. Etter samtykke er gitt kan brukeren se hvilken data som er delt med hvem i Min profil i Altinn. Dette er med på å skape en mer transparent offentlig sektor, hvor brukerne til enhver tid kan se hvilken data som er delt med hvem."
}
]
}
],
"case": {
"case-title": "Antall lånesøknader økte med 35% etter at DNB tok i bruk tjenesten",
"case-paragraph": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in ligula ut nunc consectetur blandit ut ut est.",
"colorClass": "a-bgPurple",
"orderClass": "",
"img-src": "../../images/samtykkehjelp.png",
"img-alt": "En gammel mann snakker mens en gammel dame og en gammel mann ser på ham og smiler. Foto."
},
"accordion": {
"accordion-header-items": [
{
"collapse-header-id": "accordionHeaderItem1",
"collapse-header-text": "Produktspesifikasjon",
"paragraphContainers": [
{
"paragraph": "Kommunikasjon med brukeren består av en innsendingstjeneste (skjemaet), en meldingstjeneste (svaret i innboks) og en varslingstjeneste (SMS eller e-post). Tjenestene lages i Altinns verktøy. Du velger om du vil ta i bruk produktet som det er eller integrere det i ditt eget grensesnitt ved hjelp av API.",
"link": false
},
{
"paragraph": "Du får også tilgang til flere tjeneste i pakken:",
"link": false
},
{
"paragraph": "Preutfylling: Forhåndsutfylling av skjema
Abonnement: regelmessig utsendelse til en gitt gruppe mottakere
Betaling: Betale direkte i tjenesten via kjente betalingsløsninger Splitt av data: Dele innsendte data med andre i Altinn-samarbeidet.",
"link": false
}
],
"readMoreLink": [
{
"readMoreText": "Les mer om prosessen i guiden",
"readMoreLink": "Utviklingsguide for Digital dialog"
}
]
},
{
"collapse-header-id": "accordionHeaderItem2",
"collapse-header-text": "Hvordan komme i gang?",
"paragraphContainers": [
{
"paragraphHeader": "Ny i Altinn?",
"paragraph": "Kommunikasjon med brukeren består av en innsendingstjeneste (skjemaet), en meldingstjeneste (svaret i innboks) og en varslingstjeneste (SMS eller e-post). Tjenestene lages i Altinns verktøy. Du velger om du vil ta i bruk produktet som det er eller integrere det i ditt eget grensesnitt ved hjelp av API.",
"link": [
{
"linkText": "Kom i gang med å bruke Altinn"
}
]
},
{
"paragraphHeader": "Starte utvilkingen med det samme",
"paragraph": "Du får også tilgang til flere tjeneste i pakken:",
"link": [
{
"linkText": "Kom i gang med Digital Dialog"
}
]
}
]
}
]
},
"kontaktkort": {
"intro-text": "Vi hjelper deg med hvordan du kan bruke samtykkeløsningen!",
"img-src": "../../images/samtykkehjelp.png",
"img-alt": "To eldre menn og en endre dame. En av dem snakker og de andre smiler. Foto.",
"class": "a-bgBlueLight an-jumbotronMultiply mb-6 mb-lg-8"
},
"footer": {
"footer-search": {
"text-input-id": "text-input-search-11",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"menuItem1": "innovation@altinn",
"urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside.html"
}
}