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": "", "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 }, "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 } ], "collapse-header-class": "", "area-expanded-header": false, "collapsed": true, "collapse-header-contentID": "", "collapse-header-title": "Dette er en utvidbar tittel med merkelapp <span class='badge badge-primary a-label badge-pill'>1</span> og lang tekst for å teste hvordan det ser ut", "link-text": "Lenke som tar deg til en side eller skjema", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "sr-text": false, "card-content": { "link-text": "Dette er en overskrift som er en link 2", "card-code": "(A01)", "card-title": "Dette er en underoverskrift", "card-description": "Her står det en beskrivende tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "icon-prefix": "ai", "icon-class": "ai-others" }, "textarea-label": "Fyll inn tekst:", "textarea-placeholder": "Forklarende hjelpetekst med forslag", "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. ", "radiobutton-indicator": true, "radio-legend": { "radio-legendText": "Velg et alternativ" }, "radiobuttons": [ { "isDisabled": false, "isInline": true, "radiobutton-title": "En radioknapp", "radiobutton-id": "radio31", "radiobutton-indicator": true, "radiobuttons-title": "Du kan velge denne", "radiobuttons-id": "radiobutton-read", "radiobuttons-name": "addRights", "radiobuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-read" } }, { "isDisabled": false, "isInline": true, "radiobutton-title": "Enda en radioknapp som inneholder mye tekst", "radiobutton-id": "radio32", "radiobutton-indicator": true, "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 } ], "didYouFindWhatYouWereLookingFor": { "radio-legend": { "radio-legendText": "Fant du det du lette etter?" }, "radio-class": "a-js-feedbackToggle", "radiobuttons": [ { "isInline": true, "radiobutton-title": "Ja", "radiobutton-id": "radio1", "radiobutton-indicator": true }, { "isInline": true, "radiobutton-title": "Nei", "radiobutton-id": "radio2", "radiobutton-indicator": true } ], "paragraph-content": "Takk for din tilbakemelding.", "textarea-placeholder": "Gi oss gjerne en tilbakemelding på hva vi kan forbedre..", "textarea-label": "Hva savnet du?", "button-text": "Send", "button-class": "a-btn", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false }, "table-calculation": { "table-tbody-items": [ { "table-tbody-text": "<th scope=\"row\">Bruttolønn</th> <td>100 000</td>" }, { "table-tbody-text": "<th scope=\"row\">Arbeidsgiveravgift 14.1% av 100 000</th> <td>14 100</td>" }, { "table-tbody-text": "<th scope=\"row\">Feriepenger: 10,2% av 100 000</th> <td>10 200</td>" }, { "table-tbody-text": "<th scope=\"row\">Pensjon: Minimum 2% av 100 000</th> <td>2 000</td>" } ], "table-tfooter-items": [ { "table-tfooter-text": "<th scope=\"row\">Totalkostnad på en lønnskjøring på 100 000 brutto</th> <td>126 300</td>" } ] }, "header-text": "Forklarende tittel", "intro-text": "Beskrivelse av innholdet i listen:", "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-class": "footnote", "popover-link-text": "", "popover-various-content": { "alert-items": [ { "alert-text": { "text": "Teksten inni ordforklaringen kommer her." } }, { "alert-link": { "link-text": "Det er mulig med lenke inni.", "link-url": "http://www.vg.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" }, "istitle": true, "category-element-title": "<h3>Tittel på elementet</h3>", "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.", "ismore": true, "compare-categories-title": { "category-title": "Kategori" }, "compare-categories": [ { "category-element-title": "<h3>Tittel på elementet</h3>", "category-element-description": "Her kommer en beskrivelse av det som karakteriserer selskapstypen innenfor den gitte kategorien. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "ismore": true, "link-text": "Les mer" }, { "category-element-title": "<h3>Tittel på elementet</h3>", "category-element-description": "Her kommer en beskrivelse av det som karakteriserer selskapstypen innenfor den gitte kategorien. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "ismore": true, "link-text": "Les mer" }, { "category-element-title": "<h3>Tittel på elementet</h3>", "category-element-description": "Her kommer en beskrivelse av det som karakteriserer selskapstypen innenfor den gitte kategorien. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "ismore": true, "link-text": "Les mer" }, { "category-element-title": "<h3>Tittel på elementet</h3>", "category-element-description": "Her kommer en beskrivelse av det som karakteriserer selskapstypen innenfor den gitte kategorien. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.", "ismore": true, "link-text": "Les mer" } ], "hasFieldset": true, "switch-legend": "Velg et alternativ", "questionnaire": { "questionnaire-content": [ { "card-title": "Første spørsmål", "hidewhenempty-start": "true", "hidewhenempty-end": "true", "radiobuttons": [ { "radiobuttons-title": "Første svaralternativ", "radiobuttons-id": "q1-a", "radiobuttons-name": "q1", "hasIcon": false }, { "radiobuttons-title": "Andre svaralternativ", "radiobuttons-id": "q1-b", "radiobuttons-name": "q1", "hasIcon": false } ] }, { "card-title": "Andre spørsmål", "hidewhenempty-start": "true", "hidewhenempty-end": "true", "radiobuttons": [ { "radiobuttons-title": "Første svaralternativ", "radiobuttons-id": "q2-a", "radiobuttons-name": "q2", "hasIcon": false }, { "radiobuttons-title": "Andre svaralternativ", "radiobuttons-id": "q2-b", "radiobuttons-name": "q2", "hasIcon": false } ] } ], "link-text": "Vis svar", "link-class": "a-btn", "link-url": "#", "button-text": "Vis aktuelle foretaksformer for deg" }, "linkFeatured": { "link-text": "En fremhevet lenke kan se slik ut", "link-class": "a-linkFeatured", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" } }, "dateDay": "20", "dateMonth": "feb", "articleTeaser-title": "Dette er artikkelens tittel", "articleTeaser-ingress": "Og dette er artikkelens ingress lorem ipsum dolor sit amet", "box-heading": "Dette er overskriften for boksen", "article-list": [ { "articleTeaser-title": "Den første artikkelen", "articleTeaser-ingress": "Artikkelens ingress lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ", "dateDay": "26", "dateMonth": "mai" }, { "articleTeaser-title": "Den andre artikkelen", "articleTeaser-ingress": "Artikkelens ingress lorem ipsum litt mindre. ", "dateDay": "8", "dateMonth": "jan" }, { "articleTeaser-title": "Den tredje artikkelen", "articleTeaser-ingress": "Artikkelens ingress lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ", "dateDay": "31", "dateMonth": "aug" } ], "article-list-link": { "link-text": "Lenke som tar deg til hele artikkellisten", "link-class": "a-linkFeatured", "link-icon": { "icon-prefix": "ai ai-sm ai-nw ai-nw-right", "icon-class": "ai-arrowright" }, "link-url": "#" }, "src": "../../images/placeholder-4x3.jpg", "alt-text": "Tekst som forklarer bildet", "blockquote-class": "", "blockquote-text": "A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.", "blockquote-citation": "Boaty McBoatface", "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 } } ], "bulletListItems": [ { "listItemDescription": "Første punkt i bullet-listen.", "listItemFootnote": true }, { "listItemDescription": "Andre punkt i bullet-listen." }, { "listItemDescription": "Tredje punkt i bullet-listen." } ], "section-sub-title": "Undertittel i en seksjon", "connectedBullets-list-items": [ { "list-item-title": "Første punkt", "list-item-content": "Har både tittel, tekst og lenke. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.", "list-item-linkInside": true, "link-class": "", "link-text": "Det kan du gjøre her", "link-url": "http://skatteetaten.no", "link-icon": false }, { "list-item-title": "Andre punkt har bare tittel", "list-item-linkInside": false }, { "list-item-content": "Tredje punkt har bare tekst. 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." }, { "list-item-content": "Tredje punkt har bare tekst. 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.", "listItemFootnote": true } ], "img": { "landscape-16x9": { "src": "../../images/brick_pattern.svg", "alt": "Post Thumbnail" } }, "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, "section-title": "Tittel på seksjon", "extra-class": false, "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.", "label-class": "badge-primary", "label-id": false, "label-content": "9", "page-title": "Tittel på siden", "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": true, "hr": true, "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", "button-colorClass": "", "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": { "logo": "../../images/a-logo-blue.svg", "url-logo": "/patterns/04-sider-altinnett-10-forside-10-forside-asf/04-sider-altinnett-10-forside-10-forside-asf.html", "url-aktuelt": "/patterns/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv-asf/04-sider-altinnett-40-navigasjonssider-10-nyhetsarkiv-asf.html", "onclick": "location.href='/patterns/04-sider-altinnett-20-profil-10-profil-asf/04-sider-altinnett-20-profil-10-profil-asf.html'", "url-ekstra-menypunkt-1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside-asf/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside-asf.html", "login-name": "Ingrid Iversen", "login-icon": { "icon-class": "ai-private-circle-big a-personSwitcher-icon" }, "dropdown-personswitch": 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-asf/04-sider-altinnett-60-sok-10-sok-forside-asf.html';" } } }, "articlestart": { "page-title": "Tittel på artikkelen her", "byline-tekst": "Sist oppdatert", "byline-dato": "11.10.2016", "lead-text-content": "Dette er et eksempel på en artikkelmal og alle mulige blokker den kan inneholde. For å se artikler med reellt innhold, se under 'Sider' og 'Artikler'. Ingress 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." }, "cardright": { "variation-class": "a-iconText-shadow a-iconText-background a-iconText-background--white", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-write", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": { "textSmall": "Ekstratittel" }, "link-text": "Lenk til et skjema eller noe annet", "link-url": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html", "link-class": false, "link-icon": false }, "imageright": { "src": "../../images/rf0002.jpg" }, "firstlink": { "link-text": "Mer informasjon om forskuddsskatt", "link-url": "#" }, "secondlink": { "link-text": "Gå til Norge.no", "link-url": "http://norge.no" }, "cardbottom": { "card-content": { "link-text": "Direkte registrering i Altinn", "link-url": "", "card-code": "(A01)", "card-title": "For mindre virksomheter", "card-description": "Direkte registrering i Altinn er tilpasset virksomheter med ca 1-8 ansatte med enkle arbeidsforhold.", "paragraph-content": "Forklarende tekst først" } }, "cardFirst": { "variation-class": "a-iconText-shadow a-iconText-background a-iconText-background--white", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-money", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": false, "link-text": "Lenk til et skjema eller noe annet", "link-url": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html", "link-icon": false }, "article-compare-first": { "compare-categories-title": { "category-title": "Sammenligning av ... (maks fire ting)" }, "compare-categories": [ { "istitle": true, "category-element-title": "<h3>Det første som skal sammenliknes</h3>", "category-element-description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <a href=\"#\">labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>", "ismore": true, "link-text": "Mer informasjon om dette", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" }, { "category-element-title": "<h3>Det andre som skal sammenliknes</h3>", "category-element-description": "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.", "ismore": true, "link-text": "Mer informasjon om ...", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" } ] }, "article-compare-second": { "compare-categories-title": { "category-title": "Sammenligning av ... (maks fire ting)" }, "compare-categories": [ { "istitle": true, "category-element-title": "<h3>Det første som skal sammenliknes</h3>", "category-element-description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <a href=\"#\">labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>", "ismore": true, "link-text": "Mer informasjon om dette", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" }, { "category-element-title": "<h3>Det andre som skal sammenliknes</h3>", "category-element-description": "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.", "ismore": true, "link-text": "Mer informasjon om ...", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" }, { "istitle": true, "category-element-title": "<h3>Det tredje som skal sammenliknes</h3>", "category-element-description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <a href=\"#\">labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>", "ismore": true, "link-text": "Mer informasjon om dette", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" }, { "istitle": true, "category-element-title": "<h3>Det fjerde som skal sammenliknes</h3>", "category-element-description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <a href=\"#\">labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>", "ismore": true, "link-text": "Mer informasjon om dette", "link-url": "/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" } ] }, "listbottom": { "section-title": "Tittel på listen", "rows": [ { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Vanlig artikkelmal" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Enkeltpersonforetak" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Starte og registrere Enkeltpersonforetak" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Hvordan finansiere oppstarten" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Aksjeselskap" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Faktura" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Regnskap" } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Starte bedrift temaside" } } ] } ] } ] }, "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-10-sok-forside-asf/04-sider-altinnett-60-sok-10-sok-forside-asf.html';" } }, "menuItem1": "innovation@altinn", "urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside-asf/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside-asf.html" }, "dropdown-personswitch": { "dummy-user-login": true } }