altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
344 lines (317 loc) • 10.6 kB
JSON
{
"navn": {
"print-form-tag": false,
"text-input-id": "text-input-name",
"isHidden": false,
"top-label": "Navn: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks Kari Nordmann",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "text-input-name",
"data-required": {
"data-required-message": "Du har ikke oppgitt navn."
}
},
"epost": {
"print-form-tag": false,
"text-input-id": "text-input-epost1",
"top-label": "Epost: ",
"text-input-placeholder": "din@epost.no",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"input-name": "text-input-epost1",
"input-regex-validation": {
"error-message": "Du har ikke skrevet eposten korrekt",
"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})))"
},
"data-required": {
"data-required-message": "Du har ikke oppgitt e-post."
},
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"epost2": {
"form-control-class": "a-js-validateThisAgainstPrev",
"print-form-tag": false,
"text-input-id": "text-input-epost2",
"top-label": "Bekreft epost: ",
"text-input-placeholder": "din@epost.no",
"input-type": "text",
"isRequired": false,
"error-message-popover": true,
"input-name": "text-input-epost2",
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"telefon": {
"print-form-tag": false,
"text-input-id": "text-input-tlf",
"top-label": "Telefonnummer:",
"text-input-placeholder": "f.eks 97837462",
"input-type": "tel",
"isRequired": false,
"error-message-popover": true,
"input-name": "text-input-tlf",
"extra-help": false,
"isHidden": false,
"isLarge": false,
"input-regex-validation": {
"error-message": "Telefonnummer kan kun inneholde siffer",
"validation-pattern": "[0-9]+"
},
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-phone"
}
},
"emne" : {
"print-form-tag": false,
"text-input-id": "text-input-title",
"isHidden": false,
"top-label": "Emne: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks Innboks",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "text-input-title",
"data-required": {
"data-required-message": "Du har ikke oppgitt emne."
}
},
"question": {
"textarea-label": "Ditt spørsmål: ",
"textarea-placeholder": "Fyll inn tekst",
"isRequired": true,
"error-message-popover": true,
"text-input-id": "text-input-question",
"input-name": "text-input-question",
"data-required": {
"data-required-message": "Du har ikke oppgitt spørsmålstekst."
},
"print-form-tag": false,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"input-type": "text",
"has-feedback": {
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "form-control-feedback"
}
},
"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": "next",
"data-toggle":"altinn-modal",
"data-target":"#modal",
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-11-kontaktskjema-ferdig/02-organismer-80-Modal-js-innhold-11-kontaktskjema-ferdig.markup-only.html"
},
"form2" : {
"navn": {
"print-form-tag": false,
"text-input-id": "text-input-name2",
"isHidden": false,
"top-label": "Navn: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks Kari Nordmann",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "text-input-name2",
"data-required": {
"data-required-message": "Du har ikke oppgitt navn."
}
},
"epost": {
"print-form-tag": false,
"text-input-id": "text-input-epost11",
"top-label": "Epost: ",
"text-input-placeholder": "din@epost.no",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"input-name": "text-input-epost11",
"input-regex-validation": {
"error-message": "Du har ikke skrevet eposten korrekt",
"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})))"
},
"data-required": {
"data-required-message": "Du har ikke oppgitt e-post."
},
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"epost2": {
"form-control-class": "a-js-validateThisAgainstPrev",
"print-form-tag": false,
"text-input-id": "text-input-epost22",
"top-label": "Bekreft epost: ",
"text-input-placeholder": "din@epost.no",
"input-type": "text",
"isRequired": false,
"error-message-popover": true,
"input-name": "text-input-epost22",
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"telefon": {
"print-form-tag": false,
"text-input-id": "text-input-tlf2",
"top-label": "Telefonnummer:",
"text-input-placeholder": "f.eks 97837462",
"input-type": "tel",
"isRequired": false,
"error-message-popover": true,
"input-name": "text-input-tlf2",
"extra-help": false,
"isHidden": false,
"isLarge": false,
"input-regex-validation": {
"error-message": "Telefonnummer kan kun inneholde siffer",
"validation-pattern": "[0-9]+"
},
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-phone"
}
},
"emne" : {
"print-form-tag": false,
"text-input-id": "text-input-title2",
"isHidden": false,
"top-label": "Emne: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks Innboks",
"input-type": "text",
"isRequired": true,
"error-message-popover": true,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "text-input-title2",
"data-required": {
"data-required-message": "Du har ikke oppgitt emne."
}
},
"question": {
"textarea-label": "Ditt spørsmål: ",
"textarea-placeholder": "Fyll inn tekst",
"isRequired": true,
"error-message-popover": true,
"text-input-id": "text-input-question2",
"input-name": "text-input-question2",
"data-required": {
"data-required-message": "Du har ikke fyllt ut tekstfeltet."
},
"print-form-tag": false,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"input-type": "text",
"has-feedback": {
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "form-control-feedback"
}
},
"submit": {
"button-text": "Send",
"button-class": "a-btn d-block mt-3",
"button-id": "a-js-contactForm-submit2",
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"data-is-success": true,
"data-action": "next",
"data-toggle":"altinn-modal",
"data-target":"#modal",
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-11-kontaktskjema-ferdig/02-organismer-80-Modal-js-innhold-11-kontaktskjema-ferdig.markup-only.html"
},
"attachment" : {
"upload" : {
"label": {
"class": "a-form-label a-fontBold",
"text": "Vedlegg"
},
"input": {
"class": "a-btn a-btn-action a-iconRight a-custom-fileupload mb-0 mt-1 a-js-uploadAttachment",
"text": "Legg ved en fil",
"id": "newCertificateInput",
"icon-after": {
"icon-prefix": "ai",
"icon-class": "ai-upload",
"icon-size": "",
"icon-extra-class": ""
}
},
"certificate-list": false,
"alert-id": "alert",
"alert-class": "a-message-edit a-message--arrow-off a-message--fullwidth a-message--no-dropshadow mb-0 mt-1 a-js-attachment-box",
"alert-items": [
{
"use-row": true,
"row-extra-class": "a-delete-add-container",
"alert-header": [
{
"classes": "col a-fontBold a-js-attachment-name",
"text": "dittbilde.jpg"
},
{
"classes": "col-md-auto col-sm-12",
"text": "<button type='button' class='a-btn a-btn-icon a-btn-delete'><i class='ai ai-sm ai-circle-exit a-danger ai-left' aria-hidden='true'></i><span class='a-btn-icon-text'>Slett vedlegg</span></button>"
}
]
},
{
"alert-text": false
}
]
}
}
}
}