altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,298 lines • 35.5 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "",
"icon-extra-class": "",
"icon-text": "",
"icon-id": false,
"sr-only": false,
"aria-hidden": false,
"stacked-background": false,
"icon-post-text": false,
"icon-title": false,
"icon-sr-only-text": false,
"themeCss": "../../css/style.dist.altinnett.css",
"themeJs": "../../js/altinnettPrototyping.js",
"themeJsVendor": "../../js/altinnettPrototyping.vendor.js",
"print-form-tag": false,
"text-input-id": "text-input-generic",
"isHidden": false,
"top-label": "Label: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks placeholder",
"input-type": "text",
"isRequired": false,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "input-field",
"form-control-class": "",
"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()"
}
]
}
},
"class": "a-bgBlueLight an-jumbotronMultiply",
"section-title": "Ta kontakt så finner vi ut av hva vi kan få til",
"contactInfoClass": "",
"intro-text": "Beskrivelse av innholdet i listen:",
"name": "JAN PETTERSEN",
"position": "Digital postrådgiver",
"telNumber": "93265432",
"telNumberVisible": "932 65 432",
"mail-adress": "alice@altinn.no",
"img-src": "../../images/alice.png",
"img-alt-text": "Alice Kjelling",
"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/asset_2.png",
"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,
"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-class": "",
"popover-link-text": "",
"popover-various-content": {
"alert-items": [
{
"alert-text": {
"text": "Dette er en tekst "
}
},
{
"alert-link": {
"link-text": "med en lenke som står i løpende tekst",
"link-url": "http://www.altinn.no"
}
},
{
"alert-text": {
"text": "og man kan ha mer tekst etter."
}
}
]
},
"popover-link-icon": [
{
"icon-prefix": "ai",
"icon-class": "ai-circle-plus",
"icon-extra-class": "a-js-popoverIconInitial"
},
{
"icon-prefix": "ai",
"icon-class": "ai-circle-minus",
"icon-extra-class": "a-js-popoverIconExpanded"
}
],
"popover-content-id": "popoverWithIconToggle",
"altText": {
"altText": "Vis mer info"
},
"linkIcon-url": "#",
"linkIcon-text": "En lenke",
"column-items": [
{
"column-text": false,
"column-icon": false,
"column-link": false,
"column-button": false,
"column-popover": false
}
],
"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": "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.",
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem2",
"collapse-header-text": "Andre ekspandérbare overskrift",
"collapse-header-content": false,
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem3",
"collapse-header-text": "Tredje ekspandérbare overskrift",
"collapse-header-content": false,
"isSmall": false
}
],
"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": "offset-md-0",
"jumbo-lg-class": "col-lg-10",
"jumbo-lg-offset-class": "offset-lg-1",
"jumbo-xl-class": "col-xl-8",
"jumbo-xl-offset-class": "offset-xl-2",
"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": "",
"img-src1": "../../images/drawing1.svg",
"img-src2": "../../images/drawing2.svg",
"img-src3": "../../images/drawing3.svg",
"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. ",
"section-sub-title": "Undertittel i en seksjon",
"bulletListItems": [
{
"listItemDescription": "Første punkt i bullet-listen.",
"listItemFootnote": true
},
{
"listItemDescription": "Andre punkt i bullet-listen."
},
{
"listItemDescription": "Tredje punkt i bullet-listen."
}
],
"letters": "ST",
"col": "",
"col-image": "col-4 mb-2 mb-sm-auto mt-md-4",
"col-spacing": "col-1",
"col-title": "col-7",
"col-info": "col-12 col-md-7 mt-sm-2 mt-md-0",
"title": "Altinnett",
"extraClass": "a-bgBlueLighter",
"titleClass": "a-fontSizeXXL",
"iconClass": "an-cover",
"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."
}
]
},
"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';"
}
},
"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",
"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"
},
"presentationBlock": {
"col": "",
"col-image": "col-4 mb-2 mb-sm-auto mt-md-4",
"col-spacing": "col-1",
"col-title": "col-7",
"col-info": "col-12 col-md-7 mt-sm-2 mt-md-0",
"title": "Digital post til virksomheter",
"extraClass": "a-jumbotron-header a-bgBlueLighter mb-2 mb-md-4",
"titleClass": "a-fontSizeXXL",
"iconClass": "an-cover",
"imageurl": "../../images/asset_2.png",
"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"
}
]
}
},
"case": {
"jumbo-class": "col-8",
"jumbo-offset-class": "offset-1",
"jumbo-md-class": "col-md-8",
"jumbo-sm-offset-class": "offset-md-1",
"jumbo-lg-class": "col-lg-4",
"jumbo-lg-offset-class": "offset-lg-1",
"jumbo-xl-class": "col-xl-4",
"jumbo-xl-offset-class": "offset-xl-1",
"jumbotron-styles": "an-jumbotronMultiply an-jumbotron pt-6",
"jumbotron-image-url": "url('../../images/dame_onwhite.png')",
"jumbotron-bgcolor": "#f5f5f5",
"articlestart": false,
"pagestart": {
"page-title": false,
"section-title-extra-classes": "a-fontSizeL a-blueDarkerText mb-0",
"section-title": "Karasjok kommune har spart <span class='a-textBlue' style='white-space:nowrap;'>2 600 456</span> på å bruke Altinn hittil i år.",
"front-main-button": {
"link-buttonLarge": {
"link-class": "a-btn a-btn-border",
"link-text": "Lær mer"
}
},
"jumbo-intro": {
"jumbo-intro-small": true,
"jumbo-intro": "Lær hvordan og se hvor mye du kan spare som tjenesteeier."
}
}
},
"accordion": {
"accordion-header-items": [
{
"collapse-header-id": "accordionHeaderItem1",
"collapse-header-content": false,
"hasNumberedList": true,
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem2",
"collapse-header-content": false,
"hasNumberedList": true,
"isSmall": false
},
{
"collapse-header-id": "accordionHeaderItem3",
"collapse-header-content": false,
"hasNumberedList": true,
"isSmall": false
}
]
},
"kontaktkort": {
"class": "a-bgRedLight an-jumbotronMultiply"
},
"slideshow": {
"img-src1": "../../images/drawing1.svg",
"img-src2": "../../images/drawing2.svg",
"img-src3": "../../images/drawing3.svg"
},
"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/04-sider-altinnett-60-sok-10-sok-forside.html';"
}
},
"menuItem1": "innovation@altinn",
"urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside.html"
}
}