UNPKG

digitalmarketplace-frontend

Version:

Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects

885 lines (884 loc) 44.1 kB
{ "component": "question-hidden", "fixtures": [ { "name": "text default", "options": { "type": "text", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "text with data", "options": { "type": "text", "question": { "id": "example" }, "data": { "example": "Here is the text answer" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"Here is the text answer\">\n\n</div>" }, { "name": "text with null data", "options": { "type": "text", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "number default", "options": { "type": "number", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "number with data", "options": { "type": "number", "question": { "id": "example" }, "data": { "example": 55 } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"55\">\n\n</div>" }, { "name": "number with null data", "options": { "type": "number", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "textbox large default", "options": { "type": "textbox_large", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "textbox large with data", "options": { "type": "textbox_large", "question": { "id": "example" }, "data": { "example": "Here is the textbox large answer" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"Here is the textbox large answer\">\n\n</div>" }, { "name": "textbox large with null data", "options": { "type": "textbox_large", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "radios default", "options": { "type": "radios", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "radios with data", "options": { "type": "radios", "question": { "id": "example" }, "data": { "example": "radio-option-1" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"radio-option-1\">\n\n</div>" }, { "name": "radios with null data", "options": { "type": "radios", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "boolean default", "options": { "type": "boolean", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "boolean with data true", "options": { "type": "boolean", "question": { "id": "example" }, "data": { "example": true } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"true\">\n\n</div>" }, { "name": "boolean with data false", "options": { "type": "boolean", "question": { "id": "example" }, "data": { "example": false } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"false\">\n\n</div>" }, { "name": "boolean with null data", "options": { "type": "boolean", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "upload default", "options": { "type": "upload", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-upload\" name=\"example-upload\" value=\"\">\n\n</div>" }, { "name": "upload with data", "options": { "type": "upload", "question": { "id": "example" }, "data": { "example": "https://example.come/123456-document-2022-07-29-0000.pdf" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-upload\" name=\"example-upload\" value=\"https://example.come/123456-document-2022-07-29-0000.pdf\">\n\n</div>" }, { "name": "upload with null data", "options": { "type": "upload", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-upload\" name=\"example-upload\" value=\"\">\n\n</div>" }, { "name": "select default", "options": { "type": "select", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "select with data", "options": { "type": "select", "question": { "id": "example" }, "data": { "example": "select-option-1" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"select-option-1\">\n\n</div>" }, { "name": "select with null data", "options": { "type": "select", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example\" name=\"example\" value=\"\">\n\n</div>" }, { "name": "pricing default", "options": { "type": "pricing", "question": { "id": "example", "question": "Here is the pricing question", "fields": { "minimum_price": "examplePriceMin", "maximum_price": "examplePriceMax" } } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n <input type=\"hidden\" id=\"input-examplePriceMin\" name=\"examplePriceMin\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceMax\" name=\"examplePriceMax\" value=\"\">\n\n</div>" }, { "name": "pricing with data", "options": { "type": "pricing", "question": { "id": "example", "fields": { "minimum_price": "examplePriceMin", "maximum_price": "examplePriceMax" } }, "data": { "examplePriceMin": 199.99, "examplePriceMax": 399.99 } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n <input type=\"hidden\" id=\"input-examplePriceMin\" name=\"examplePriceMin\" value=\"199.99\">\n <input type=\"hidden\" id=\"input-examplePriceMax\" name=\"examplePriceMax\" value=\"399.99\">\n\n</div>" }, { "name": "pricing with all parts", "options": { "type": "pricing", "question": { "id": "example", "fields": { "minimum_price": "examplePriceMin", "maximum_price": "examplePriceMax", "price": "examplePrice", "price_unit": "examplePriceUnit", "price_interval": "examplePriceInterval" } } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n <input type=\"hidden\" id=\"input-examplePriceUnit\" name=\"examplePriceUnit\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceInterval\" name=\"examplePriceInterval\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePrice\" name=\"examplePrice\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceMin\" name=\"examplePriceMin\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceMax\" name=\"examplePriceMax\" value=\"\">\n\n</div>" }, { "name": "pricing with all parts and data", "options": { "type": "pricing", "question": { "id": "example", "fields": { "minimum_price": "examplePriceMin", "maximum_price": "examplePriceMax", "price": "examplePrice", "price_unit": "examplePriceUnit", "price_interval": "examplePriceInterval" } }, "data": { "examplePriceMin": 199.99, "examplePriceMax": 399.99, "examplePrice": 299.99, "examplePriceUnit": "Unit", "examplePriceInterval": "Interval" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n <input type=\"hidden\" id=\"input-examplePriceUnit\" name=\"examplePriceUnit\" value=\"Unit\">\n <input type=\"hidden\" id=\"input-examplePriceInterval\" name=\"examplePriceInterval\" value=\"Interval\">\n <input type=\"hidden\" id=\"input-examplePrice\" name=\"examplePrice\" value=\"299.99\">\n <input type=\"hidden\" id=\"input-examplePriceMin\" name=\"examplePriceMin\" value=\"199.99\">\n <input type=\"hidden\" id=\"input-examplePriceMax\" name=\"examplePriceMax\" value=\"399.99\">\n\n</div>" }, { "name": "pricing with all parts and null data", "options": { "type": "pricing", "question": { "id": "example", "fields": { "minimum_price": "examplePriceMin", "maximum_price": "examplePriceMax", "price": "examplePrice", "price_unit": "examplePriceUnit", "price_interval": "examplePriceInterval" } }, "data": { "examplePriceMin": null, "examplePriceMax": null, "examplePrice": null, "examplePriceUnit": null, "examplePriceInterval": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n <input type=\"hidden\" id=\"input-examplePriceUnit\" name=\"examplePriceUnit\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceInterval\" name=\"examplePriceInterval\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePrice\" name=\"examplePrice\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceMin\" name=\"examplePriceMin\" value=\"\">\n <input type=\"hidden\" id=\"input-examplePriceMax\" name=\"examplePriceMax\" value=\"\">\n\n</div>" }, { "name": "date default", "options": { "type": "date", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n\n <input type=\"hidden\" id=\"input-example-day\" name=\"example-day\" value=\"\">\n <input type=\"hidden\" id=\"input-example-month\" name=\"example-month\" value=\"\">\n <input type=\"hidden\" id=\"input-example-year\" name=\"example-year\" value=\"\">\n\n</div>" }, { "name": "date with data", "options": { "type": "date", "question": { "id": "example" }, "data": { "example": "2025-01-23" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n\n <input type=\"hidden\" id=\"input-example-day\" name=\"example-day\" value=\"23\">\n <input type=\"hidden\" id=\"input-example-month\" name=\"example-month\" value=\"01\">\n <input type=\"hidden\" id=\"input-example-year\" name=\"example-year\" value=\"2025\">\n\n</div>" }, { "name": "date with null data", "options": { "type": "date", "question": { "id": "example" }, "data": { "example": null } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n\n <input type=\"hidden\" id=\"input-example-day\" name=\"example-day\" value=\"\">\n <input type=\"hidden\" id=\"input-example-month\" name=\"example-month\" value=\"\">\n <input type=\"hidden\" id=\"input-example-year\" name=\"example-year\" value=\"\">\n\n</div>" }, { "name": "checkboxes default", "options": { "type": "checkboxes", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n</div>" }, { "name": "checkboxes with data", "options": { "type": "checkboxes", "question": { "id": "example" }, "data": { "example": [ "checkbox-option-1", "checkbox-option-2" ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-1\" name=\"example[]\" value=\"checkbox-option-1\">\n <input type=\"hidden\" id=\"input-example-2\" name=\"example[]\" value=\"checkbox-option-2\">\n\n</div>" }, { "name": "checkbox tree default", "options": { "type": "checkbox_tree", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n</div>" }, { "name": "checkbox tree with data", "options": { "type": "checkbox_tree", "question": { "id": "example" }, "data": { "example": [ "checkbox-tree-option-1", "checkbox-tree-option-2" ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-1\" name=\"example[]\" value=\"checkbox-tree-option-1\">\n <input type=\"hidden\" id=\"input-example-2\" name=\"example[]\" value=\"checkbox-tree-option-2\">\n\n</div>" }, { "name": "checkbox tree large default", "options": { "type": "checkbox_tree_large", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n</div>" }, { "name": "checkbox tree large with data", "options": { "type": "checkbox_tree_large", "question": { "id": "example" }, "data": { "example": [ "checkbox-tree-option-1", "checkbox-tree-option-2" ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-1\" name=\"example[]\" value=\"checkbox-tree-option-1\">\n <input type=\"hidden\" id=\"input-example-2\" name=\"example[]\" value=\"checkbox-tree-option-2\">\n\n</div>" }, { "name": "list default", "options": { "type": "list", "question": { "id": "example" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n \n</div>" }, { "name": "list with data", "options": { "type": "list", "question": { "id": "example" }, "data": { "example": [ "list-item-1", "list-item-2" ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"example\"\n>\n <input type=\"hidden\" id=\"input-example-1\" name=\"example[]\" value=\"list-item-1\">\n <input type=\"hidden\" id=\"input-example-2\" name=\"example[]\" value=\"list-item-2\">\n\n</div>" }, { "name": "multiquestion default", "options": { "type": "multiquestion", "question": { "id": "multiquestion", "questions": [ { "type": "text", "id": "multiquestionText" }, { "type": "radios", "id": "multiquestionRadios" }, { "type": "textbox_large", "id": "multiquestionTextbox" } ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestion\"\n>\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionText\"\n>\n <input type=\"hidden\" id=\"input-multiquestionText\" name=\"multiquestionText\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionRadios\"\n>\n <input type=\"hidden\" id=\"input-multiquestionRadios\" name=\"multiquestionRadios\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionTextbox\"\n>\n <input type=\"hidden\" id=\"input-multiquestionTextbox\" name=\"multiquestionTextbox\" value=\"\">\n\n</div>\n\n\n</div>" }, { "name": "multiquestion with data", "options": { "type": "multiquestion", "question": { "id": "multiquestion", "questions": [ { "type": "text", "id": "multiquestionText" }, { "type": "radios", "id": "multiquestionRadios" }, { "type": "textbox_large", "id": "multiquestionTextbox" } ] }, "data": { "multiquestionText": "Here is the multiquestion text answer", "multiquestionRadios": "multiquestion-radio-option-1", "multiquestionTextbox": "Here is the multiquestion textbox large answer" } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestion\"\n>\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionText\"\n>\n <input type=\"hidden\" id=\"input-multiquestionText\" name=\"multiquestionText\" value=\"Here is the multiquestion text answer\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionRadios\"\n>\n <input type=\"hidden\" id=\"input-multiquestionRadios\" name=\"multiquestionRadios\" value=\"multiquestion-radio-option-1\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"multiquestionTextbox\"\n>\n <input type=\"hidden\" id=\"input-multiquestionTextbox\" name=\"multiquestionTextbox\" value=\"Here is the multiquestion textbox large answer\">\n\n</div>\n\n\n</div>" }, { "name": "list multiquestion default", "options": { "type": "list_multiquestion", "question": { "id": "listMultiquestion", "number_of_items": 3, "questions": [ { "id": "listMultiquestion-0", "questions": [ { "type": "text", "id": "listMultiquestionText0-0" }, { "type": "text", "id": "listMultiquestionText1-0" } ] }, { "id": "listMultiquestion-1", "questions": [ { "type": "text", "id": "listMultiquestionText0-1" }, { "type": "text", "id": "listMultiquestionText1-1" } ] }, { "id": "listMultiquestion-1", "questions": [ { "type": "text", "id": "listMultiquestionText0-2" }, { "type": "text", "id": "listMultiquestionText1-2" } ] } ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestion\"\n>\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-0\" name=\"listMultiquestionText0-0\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-0\" name=\"listMultiquestionText1-0\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-1\" name=\"listMultiquestionText0-1\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-1\" name=\"listMultiquestionText1-1\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-2\" name=\"listMultiquestionText0-2\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-2\" name=\"listMultiquestionText1-2\" value=\"\">\n\n</div>\n\n\n\n</div>" }, { "name": "list multiquestion default", "options": { "type": "list_multiquestion", "question": { "id": "listMultiquestion", "number_of_items": 3, "questions": [ { "id": "listMultiquestion-0", "questions": [ { "type": "text", "id": "listMultiquestionText-0" }, { "type": "radios", "id": "listMultiquestionRadios-0" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-0" } ] }, { "id": "listMultiquestion-1", "questions": [ { "type": "text", "id": "listMultiquestionText-1" }, { "type": "radios", "id": "listMultiquestionRadios-1" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-1" } ] }, { "id": "listMultiquestion-2", "questions": [ { "type": "text", "id": "listMultiquestionText-2" }, { "type": "radios", "id": "listMultiquestionRadios-2" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-2" } ] } ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestion\"\n>\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-0\" name=\"listMultiquestionText-0\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-0\" name=\"listMultiquestionRadios-0\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-0\" name=\"listMultiquestionTextbox-0\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-1\" name=\"listMultiquestionText-1\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-1\" name=\"listMultiquestionRadios-1\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-1\" name=\"listMultiquestionTextbox-1\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-2\" name=\"listMultiquestionText-2\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-2\" name=\"listMultiquestionRadios-2\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-2\" name=\"listMultiquestionTextbox-2\" value=\"\">\n\n</div>\n\n\n\n</div>" }, { "name": "list multiquestion with data", "options": { "type": "list_multiquestion", "question": { "id": "listMultiquestion", "number_of_items": 3, "questions": [ { "id": "listMultiquestion-0", "questions": [ { "type": "text", "id": "listMultiquestionText-0" }, { "type": "radios", "id": "listMultiquestionRadios-0" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-0" } ] }, { "id": "listMultiquestion-1", "questions": [ { "type": "text", "id": "listMultiquestionText-1" }, { "type": "radios", "id": "listMultiquestionRadios-1" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-1" } ] }, { "id": "listMultiquestion-2", "questions": [ { "type": "text", "id": "listMultiquestionText-2" }, { "type": "radios", "id": "listMultiquestionRadios-2" }, { "type": "textbox_large", "id": "listMultiquestionTextbox-2" } ] } ] }, "data": { "listMultiquestion": [ { "listMultiquestionText": "Here is the list multiquestion text answer 1", "listMultiquestionRadios": "list-multiquestion-radio-option-1", "listMultiquestionTextbox": "Here is the list multiquestion textbox large answer 1" }, { "listMultiquestionText": "Here is the list multiquestion text answer 2", "listMultiquestionRadios": "list-multiquestion-radio-option-2", "listMultiquestionTextbox": "Here is the list multiquestion textbox large answer 2" } ] } }, "hidden": false, "description": "", "previewLayoutModifiers": [], "html": "<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestion\"\n>\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-0\" name=\"listMultiquestionText-0\" value=\"Here is the list multiquestion text answer 1\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-0\" name=\"listMultiquestionRadios-0\" value=\"list-multiquestion-radio-option-1\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-0\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-0\" name=\"listMultiquestionTextbox-0\" value=\"Here is the list multiquestion textbox large answer 1\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-1\" name=\"listMultiquestionText-1\" value=\"Here is the list multiquestion text answer 2\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-1\" name=\"listMultiquestionRadios-1\" value=\"list-multiquestion-radio-option-2\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-1\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-1\" name=\"listMultiquestionTextbox-1\" value=\"Here is the list multiquestion textbox large answer 2\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText-2\" name=\"listMultiquestionText-2\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionRadios-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionRadios-2\" name=\"listMultiquestionRadios-2\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionTextbox-2\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionTextbox-2\" name=\"listMultiquestionTextbox-2\" value=\"\">\n\n</div>\n\n\n\n</div>" } ] }