altinn-designsystem

{ "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": "Organisasjon 1 AS org. nr. 123 456 001" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Organisasjon 2 AS org. nr. 123 456 002" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Organisasjon 3 AS org. nr. 123 456 003" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Organisasjon 4 AS 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": "Organisasjon 5 AS org. nr. 123 456 005" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "isChecked": true, "checkboxes-title": "Organisasjon 6 AS 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": "Digital dialog", "breadcrumb-class": "active" } ] }, "productHeader": { "title": "Digital post til virksomheter", "illustration": { "img-alt": "En dame går tur med en hund og ser på mobilen sin. Tegning.", "img-src": "../../images/altinnett-digital-post.svg" }, "icon": false, "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. Statlige myndighetsutøvere er pålagt å bruke DPV og med tjenesten får du:", "list": { "bulletListItems": [ { "listItemDescription": "10 000 utsendelser kostnadsfritt" }, { "listItemDescription": "Store besparelser ved å gjenbruke Altinns tekniske komponenter" }, { "listItemDescription": "Digital post i en løsning brukerne kjenner godt fra før" }, { "listItemDescription": "Robust infrastruktur med sikker sending av data" }, { "listItemDescription": "Rådgivning fra oss hvordan tjenesten tas i bruk" } ] } }, "paragraphs": [ { "section-sub-title": "Hva er Digital dialog?", "multipleParagraphs": [ { "paragraph-content": "Hele den digitale dialogen med brukerne kan håndteres ved å bruke denne tjenesten. For å legge til rette for en to-veis kommunikasjon kan du sette sammen flere skjemaer, kommunisere med bruker og sende varsling for å legge til rette for en toveis-kommunikasjon. Du kan for eksempel legge en søknad direkte i brukerens innboks i altinn.no, og informere om dette på e-post, SMS, eller begge deler. Søknaden fylles ut, signeres og sendes inn. For at du skal få en helhetlig saksbehandling settes det opp en integrasjon mot dine systemer, der saken kan behandles og svar sendes til bruker via altinn.no. Det er mange muligheter for å tilpasse flyten akkurat til ditt behov. Det er også lagt til rette for at brukerne kan betale rett i tjenesten via kjente betalingsløsninger." }, { "paragraph-content": "Det er også lagt til rette for at brukerne kan betale rett i tjenesten via kjente betalingsløsninger." } ] }, { "section-sub-title": "Hvem passer tjenesten for?", "multipleParagraphs": [ { "paragraph-content": "Digital dialog passer for deg som har behov for en digitalisering og forenkling av prosessene. Tjenesten kan fint brukes om du har papirskjema, eller digitale skjemaer fra før, og den benyttes i dag av de som både har store og små digitaliseringsbehov." }, { "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": "I dag foregår mye av dialogen mellom det offentlige og virksomheter digitalt gjennom Altinn. Store statlige digitale tjenester som skattemeldingen, årsregnskap og mva-oppgaven er digitalisert gjennom løsningen. I Altinn har vi i dag flere hundre skjemaer tilgjengelig for brukerne noe som gjør at de er godt kjent med Altinn som kommunikasjonskanal. Gjennom Altinn får du tilgang til en robust teknisk infrastruktur som sørger for sikker dialog mellom deg og bruker. Løsningen har driftsmessig stor kapasitet og kan skaleres ved behov. Altinn har en egen drifts-og forvaltningsorganisasjon som tar seg av daglig vedlikehold av teknisk løsning, drift og backup. Dette vil være svært tidkrevende og kostbart å utvikle selv. Altinn har også tilgang til data fra alle offentlige registre, slik at regjeringens mål om ”once only” blir lettere å oppnå. Man betaler også kun for det man bruker (pr. transaksjon) og vi er pr. i dag den rimeligste løsningen på markedet. Digitalisering av tjenester gir som kjent også store gevinster når det kommer til sparing av papir, porto og frigjøring av ressurser." }, { "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": "Helsedirektoratet sparer millioner på heldigitalisering av søknader", "case-paragraph": "Sykepleier, leger og annet helsepersonell må ha autorisasjon. Gjennom tjenesten Digital dialog gjøres dette nå digitalt – det sparer Helsedirektoratet mye penger på.", "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" }, "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" } }