UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,554 lines 40.9 kB
{ "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": "", "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": "Tilbake", "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-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.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/a-logo-black.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()" } ] } }, "form-abonner": { "text-input-id": "text-input-epost", "top-label": "Epost: ", "text-input-placeholder": "Din e-post", "input-type": "email", "isRequired": true, "error-message-popover": true, "input-name": "email-field", "input-regex-validation": { "error-message": "Feil epost verdier", "validation-pattern": "(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))" }, "extra-help": false, "isHidden": true, "isLarge": false, "form-label-hasIcon": { "icon-prefix": "ai", "icon-class": "ai-closedmessage" }, "button-text": "Send", "button-class": "a-btn disabled", "button-disabled": "disabled", "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "finish-text": "Takk, du er nå påmeldt vår nyhetsbrevtjeneste. Dette betyr at du vil få tilsendt en e-post fra Altinn hver gang vi publiserer en nyhet. <a class='a-js-undo'>Angre</a>", "alt-text": "Du har angret innsendingen, og er ikke lengre påmeldt vårt nyhetsbrev." }, "linkIcon-url": "#", "linkIcon-text": "En lenke", "mail-adress": "support@altinn.no", "mail-text": "Send melding", "telNumber": "75006000", "telNumberVisible": "75 00 60 00", "telText": "Telefonnummer til Altinn kundestøtte", "tel-icon": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-phone" }, "imageurl": "../../images/illustrasjon_starte_og_drive_sirkel.svg", "card-picture-content": { "image": true, "card-picture-title": "Trenger du hjelp?", "card-picture-description": "Våre bedriftsveiledere sitter klar til å hjelpe deg. Telefonen er åpen 0800—1530, mandag til fredag. E-poster besvares normalt innen 24 timer.", "tel": { "telNumber": "80033840", "telNumberVisible": "800 33 840", "telText": "Telefonnummer til Altinn kundestøtte", "tel-icon": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-phone" } }, "mail": { "mail-adress": "support@altinn.no", "mail-text": "Skriv til oss", "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-send" }, "linkIcon": false }, "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, "linkFeatured": { "link-text": "Vis alle nyheter", "link-class": "a-linkFeatured", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" }, "link-url": "/patterns/04-sider-infoportal-20-navigasjonssider-60-arkiv-v-nyhetsarkiv/04-sider-infoportal-20-navigasjonssider-60-arkiv-v-nyhetsarkiv.html" }, "label-class": "badge-primary", "label-id": false, "label-content": "9", "heading-start": "<h3>", "heading-end": "</h3>", "linkTitle": { "link-text": "Klikkbar tittel", "link-class": "a-link-title" }, "category-element-description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et fugiat tenetur quia exercitationem fuga ratione soluta, ex, recusandae blanditiis a quod nihil, explicabo doloremque nam doloribus dolorum enim accusamus dignissimos.", "news-header": "Siste nytt", "articlelist-item": [ { "linkTitle": { "link-text": "Nå kommer sykmeldinger i Altinn", "link-url": "/patterns/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet.html", "link-class": "a-link-title" }, "category-element-description": "NAV er i ferd med å digitalisere sykmeldingen. Det skal gjøre det enklere for alle som er involvert i et sykefravær å samhandle. Tjenesten utvikles stegvis.", "maxLines": "a-js-truncate-2" }, { "linkTitle": { "link-text": "NAV endrer rapportering av refusjon", "link-url": "/patterns/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet.html", "link-class": "a-link-title" }, "category-element-description": "Endring knyttet til rapportering av refusjon av sykepenger, foreldrepenger og pleie-, omsorgs- og opplæringspenger til arbeidsgivere: Fra 26. november 2016 blir det endringer i den månedlige oppgjørslisten/oppgjørsrapporten (K27) som sendes til arbeidsgiverne via Altinn, og for oppgjørslisten (K37) som benyttes etter hovedberegningen av refusjon av feriepenger i mai. I tillegg blir det endringer i kodeverdier.", "maxLines": "a-js-truncate-2" } ], "variation-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-aordningen", "icon-extra-class": "a-icon", "icon-text": "" }, "hasLink": true, "link-class": false, "link-icon": 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 } } ], "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" } ], "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, "header-text": "Forklarende tittel", "intro-text": "Beskrivelse av innholdet i listen:", "rows": [ { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Første rad" } } ] } ] }, { "additional-classes": "a-dotted", "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-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" }, "column-items": [ { "column-text": false, "column-icon": false, "column-link": false, "column-button": false, "column-popover": 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 } ], "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" } ] } ] } ], "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": "accordionHeaderItem0", "collapse-header-text": "Tittelen på et tema i denne seksjonen", "collapse-header-content": "", "isSmall": false, "listLinkAndImage-content": { "collapse-panel-list": { "additional-classes": "a-list-noIcon", "is-large": true, "rows": [ { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] } ] }, "collapse-panel-link": { "link-class": "a-linkFeatured", "link-text": "Gå til temasiden", "link-url": "#", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" } }, "collapse-panel-img": true } }, { "collapse-header-id": "accordionHeaderItem1", "collapse-header-text": "Tittelen på et tema i denne seksjonen", "collapse-header-content": "", "isSmall": false, "listLinkAndImage-content": { "collapse-panel-list": { "is-large": true, "additional-classes": "a-list-noIcon", "rows": [ { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] } ] }, "collapse-panel-link": { "link-class": "a-linkFeatured", "link-text": "Gå til temasiden", "link-url": "#", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" } }, "collapse-panel-img": true } }, { "collapse-header-id": "accordionHeaderItem2", "collapse-header-text": "Tittelen på et tema i denne seksjonen", "collapse-header-content": "", "isSmall": false, "listLinkAndImage-content": { "collapse-panel-list": { "is-large": true, "additional-classes": "a-list-noIcon", "rows": [ { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Snarvei til en side under temaet" } } ] } ] } ] }, "collapse-panel-link": { "link-class": "a-linkFeatured", "link-text": "Gå til temasiden", "link-url": "#", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" } }, "collapse-panel-img": true } } ], "alert-id": "alert", "alert-class": "a-message-info", "alert-items": { "alert-text": { "text": "Dette er en driftsmelding eller endringsinformasjon" } }, "link-buttonLarge": { "link-class": "a-btn a-btn-border", "link-text": "En lenke stylet som en stor knapp" }, "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" } ], "byline-tekst": "Sist oppdatert", "byline-dato": "11.10.2016", "lead-text-id": "leadText", "lead-text-content": "Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten. Ingressen brukes ofte til å \"gripe\" fatt i leseren, for at personen skal bli interessert i å lese resten av teksten. Den fungerer også som et visuelt skille mellom resten av teksten. Ingressen bør være lettlest og fri for vanskelige faguttrykk.", "page-title": "Tittel på siden", "byline": true, "hr": true, "jumbo-articlestart": false, "jumbo-md-class": "col-md-12", "jumbo-md-offset-class": "", "jumbo-lg-class": "col-lg-6", "jumbo-lg-offset-class": "offset-lg-1", "jumbo-xl-class": "col-xl-5", "jumbo-xl-offset-class": "offset-xl-1", "pagestart": { "page-title": "Overskrift", "section-title": false, "jumbo-intro": "Introtekst - 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. " }, "jumbotron-image-url": "url('../../images/header-bg-help.svg')", "jumbotron-bgcolor": "#cff0ff", "jumbo-smulesti": false, "jumbotron-styles": "", "dropdown-class": "a-dropdown-languages", "logged-in": false, "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-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" } }, "name": "JAN PETTERSEN", "tjenesteutvikling": { "icon-class": "ai-forward", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "oversikten": { "icon-class": "ai-date", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "driftsmeldinger": { "icon-class": "ai-deadline", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "dokumentasjon": { "icon-class": "ai-document", "icon-extra-class": "a-textBlue", "extra-classes": "a-fontBold" }, "produkter": { "link": "/patterns/03-maler-altinnett-80-produktsider-10-produktoversikt/03-maler-altinnett-80-produktsider-10-produktoversikt.html" }, "login-button": { "button-text": "Logg inn", "button-class": "a-btn btn-block", "button-disabled": false, "button-type": "button", "onclick": { "onclick": "location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" }, "button-icon": false, "display-as-link": false }, "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", "hide-header": true, "url-aktuelt": "/patterns/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv.html", "ekstra-menypunkt-1": "Ekstra menypunkt 1", "title": "Altinnett", "bodyClass": "project-altinnett a-bgWhite", "header": { "headerlogo": "../../images/an-logo-blue.svg" }, "article-search": false, "starteogdrive-jumbo": { "pagestart": false, "jumbo-articlestart": false, "jumbotron-styles": "a-jumbotron-top a-jumbotron-dark a-placeholderBackground", "jumbotron-bgcolor": "#022F51", "jumbotron-image-url": "url('../../images/brick_pattern.svg')", "jumbotron-title-size": "a-h2", "jumbo-intro": "Et utvalgt tema og sidesnarveier", "jumbotron-ingress": "", "jumbotron-text": "", "jumbo-list": { "list-header": "Tittel på listen", "additional-classes": "a-list-noIcon", "is-large": false, "is-large-forMD": true, "rows": [ { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Guide: Hvilken foretaksform passer deg" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Sjekkliste: 10 ting du bør ha tenkt gjennom når du skal registrere ny bedrift" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "#" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Oversikt: Støtteordninger for deg som etablerer noe nytt" } } ] } ] } ] } }, "jumbo-byline": false, "front-main-button": false, "front-main-button-text-right": "", "jumbo-link": { "link-class": "a-linkFeatured", "link-text": "Gå til temasiden", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" }, "link-url": "#" }, "login-or-switchuser": "", "data-toggle-personInfo": "dropdown", "url": "#", "artikkelsok": false, "smulesti": false, "artikkeltekst": false, "first-card-icon": { "variation-class": "a-iconText-shadow a-iconText-background a-iconText-background--white", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-server", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": false, "link-text": "Lenk til et skjema eller noe annet", "link-url": "#" }, "dropdown-personswitch": { "dummy-user-login": true } }