{ "form1": { "errorSummary": { "id": "summary", "title": "There are problems", "errors": [ { "id": "your-name-error", "error": "Enter your name" }, { "id": "checkbox-terms-error", "error": "Agree to the terms to continue" } ] }, "fields": [ { "template": "globalFormFieldset", "legend": "Test, should not inherit", "fields": [ { "template": "globalFormFieldset", "fields": [ { "template": "globalFormRadios", "legend": "Animal", "id": "radios-animals", "name": "radios-animals", "inputs": [ { "label": "Horse", "value": "Horse", "id": "radio-horse" }, { "label": "Monkey", "value": "Monkey", "id": "radio-monkey", "fields": [ { "template": "globalFormText", "label": "What type of monkey?", "id": "monkey-type", "name": "monkey-type", "hint": "Chimps are not monkeys", "error": "Choose a monkey already!" } ] }, { "label": "Platypus", "value": "Platypus", "id": "radio-platypus", "checked": true } ] } ] } ] }, { "template": "globalFormFieldset", "legend": "

Text inputs

", "fields": [ { "template": "globalFormText", "label": "Your name (simple)", "id": "your-name", "name": "your-name", "dataAttrs": { "test": "someValue" } }, { "template": "globalFormPassword", "name": "password", "label": "Your password", "id": "password", "value": "123456" }, { "template": "globalFormText", "label": "Your name (with hint)", "hint": "Your name is on your passport", "id": "your-name-hint", "name": "your-name-hint" }, { "template": "globalFormText", "label": "An unimportant field", "optional": true, "id": "unimportant", "name": "unimportant" }, { "template": "globalFormHTML", "content": "

Here is some content appearing between fields. You can put any HTML here that you wish.

" }, { "template": "globalFormText", "label": "Your name (with error)", "hint": "Your name is on your passport", "error": "Enter your name", "value": "987364", "id": "your-name-error", "name": "your-name-error" }, { "template": "globalFormText", "label": "Your name (disabled)", "id": "your-name-disabled", "name": "your-name-disabled", "disabled": true } ] } ], "fieldsets": [ { "legend": "

Selects

", "fields": [ { "template": "globalFormSelect", "label": "Animal (simple)", "id": "select-animals", "name": "select-animals", "options": [ { "label": "Please select an option", "value": "", "selected": true, "disabled": true }, { "label": "Horse", "value": "Horse" }, { "label": "Monkey", "value": "Monkey" }, { "label": "Platypus", "value": "Platypus" } ] }, { "template": "globalFormSelect", "label": "Animal (with hint)", "id": "select-animals-hint", "name": "select-animals-hint", "hint": "Which is your favorite?", "options": [ { "label": "Horse", "value": "Horse" }, { "label": "Monkey", "value": "Monkey" }, { "label": "Platypus", "value": "Platypus", "selected": true } ] } ] }, { "legend": "

Inline fields

", "fields": [ { "template": "globalFormInlineFields", "fields": [ { "template": "globalFormText", "name": "search", "id": "search", "label": "Search", "hideLabel": true }, { "template": "globalFormButton", "type": "submit", "label": "Search", "modifiers": ["primary"] } ] }, { "template": "globalFormInlineFields", "nowrap": true, "fields": [ { "template": "globalFormText", "name": "day", "id": "day", "label": "Day", "hint": "In the format: DD" }, { "template": "globalFormText", "name": "month", "id": "month", "label": "Month", "hint": "In the format: MM" }, { "template": "globalFormText", "name": "year", "id": "year", "label": "Year", "hint": "In the format: YY" } ] } ] }, { "legend": "

Radios

", "fields": [ { "template": "globalFormRadios", "legend": "Animal", "id": "radios-animals", "name": "radios-animals", "inputs": [ { "label": "Horse", "value": "Horse", "id": "radio-horse" }, { "label": "Monkey", "value": "Monkey", "id": "radio-monkey", "fields": [ { "template": "globalFormText", "label": "What type of monkey?", "id": "monkey-type", "name": "monkey-type", "hint": "Chimps are not monkeys", "error": "Choose a monkey already!" } ] }, { "label": "Platypus", "value": "Platypus", "id": "radio-platypus", "checked": true } ] } ] }, { "legend": "

Pictographic Radios

", "fields": [ { "template": "globalFormRadios", "label": "Rating (with error)", "groupDescription": "A scale of 5 feelings conveyed using images that range from terrible to great. The feelings represent how you feel about this page.", "id": "radios-rating", "name": "radios-rating", "pictographic": true, "boxed": true, "error": "Please select one rating", "inputs": [ { "label": "Terrible", "value": "Terrible", "id": "radio-terrible", "svg": " ", "showLabel": true, "imageDescription": "An image of a cartoon face that is crying." }, { "label": "Bad", "value": "Bad", "id": "radio-bad", "svg": " ", "showLabel": false, "imageDescription": "An image of a cartoon face with a frown." }, { "label": "OK", "value": "OK", "id": "radio-ok", "svg": " ", "showLabel": false, "imageDescription": "An image of a cartoon face with a neutral expression." }, { "label": "Good", "value": "Good", "id": "radio-good", "svg": " ", "showLabel": false, "imageDescription": "An image of a cartoon face with a smile." }, { "label": "Great", "value": "Great", "id": "radio-great", "svg": " ", "showLabel": true, "imageDescription": "An image of a cartoon face with an open mouth grin." } ] } ] }, { "legend": "

Textareas

", "fields": [ { "template": "globalFormTextarea", "label": "Enter some text", "id": "textarea-example", "name": "textarea-example", "value": "This has been entered already", "rows": "5" } ] }, { "legend": "

Checkboxes

", "fields": [ { "template": "globalFormCheckbox", "label": "Agree to our terms (with hint)", "hint": "You should have read these. Read them, then agree to them.", "id": "checkbox-terms-hint", "name": "checkbox-terms-hint" }, { "template": "globalFormCheckbox", "label": "Agree to our terms (with error)", "error": "Agree to the terms to continue", "hint": "You should have read these. Read them, then agree to them.", "id": "checkbox-terms-error", "name": "checkbox-terms-error" }, { "template": "globalFormCheckbox", "label": "Checkbox with supplementary field", "id": "checkbox-sup", "name": "checkbox-sup", "fields": [ { "template": "globalFormText", "label": "What is your membership number?", "id": "checkbox-membership", "name": "checkbox-membership" } ] } ] }, { "legend": "

File upload

", "fields": [ { "template": "globalFormFile", "label": "Journal upload", "id": "file-upload", "name": "file-upload" } ] }, { "fields": [ { "template": "globalFormButtons", "buttons": [ { "type": "submit", "label": "Submit", "modifiers": ["primary"] }, { "type": "cancel", "label": "Clear" } ] } ] } ] }, "dynamicPartials": { "globalFormField": "./toolkits/global/packages/global-forms/view/globalFormField.hbs", "globalFormFieldset": "./toolkits/global/packages/global-forms/view/globalFormFieldset.hbs", "globalFormInlineFields": "./toolkits/global/packages/global-forms/view/globalFormInlineFields.hbs", "globalFormLabel": "./toolkits/global/packages/global-forms/view/globalFormLabel.hbs", "globalFormError": "./toolkits/global/packages/global-forms/view/globalFormError.hbs", "globalFormErrorSummary": "./toolkits/global/packages/global-forms/view/globalFormErrorSummary.hbs", "globalFormAttributes": "./toolkits/global/packages/global-forms/view/globalFormAttributes.hbs", "globalFormText": "./toolkits/global/packages/global-forms/view/fields/globalFormText.hbs", "globalFormPassword": "./toolkits/global/packages/global-forms/view/fields/globalFormPassword.hbs", "globalFormEmail": "./toolkits/global/packages/global-forms/view/fields/globalFormEmail.hbs", "globalFormSelect": "./toolkits/global/packages/global-forms/view/fields/globalFormSelect.hbs", "globalFormTextarea": "./toolkits/global/packages/global-forms/view/fields/globalFormTextarea.hbs", "globalFormHidden": "./toolkits/global/packages/global-forms/view/fields/globalFormHidden.hbs", "globalFormCheckbox": "./toolkits/global/packages/global-forms/view/fields/globalFormCheckbox.hbs", "globalFormFile": "./toolkits/global/packages/global-forms/view/fields/globalFormFile.hbs", "globalFormRadios": "./toolkits/global/packages/global-forms/view/fields/globalFormRadios.hbs", "globalFormRadio": "./toolkits/global/packages/global-forms/view/fields/globalFormRadio.hbs", "globalFormHTML": "./toolkits/global/packages/global-forms/view/fields/globalFormHTML.hbs", "globalFormButton": "./toolkits/global/packages/global-forms/view/fields/globalFormButton.hbs", "globalFormButtons": "./toolkits/global/packages/global-forms/view/fields/globalFormButtons.hbs", "globalFormIconError": "./toolkits/global/packages/global-forms/view/globalFormIconError.hbs", "globalFormIconSelect": "./toolkits/global/packages/global-forms/view/globalFormIconSelect.hbs" } }