digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
1,136 lines • 105 kB
JSON
{
"component": "question-list-multiquestion-server-side",
"fixtures": [
{
"name": "default",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText00",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText01",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText10",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText11",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText20",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText21",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText30",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText31",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText40",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText41",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (5 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with question advice",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"question_advice": "Here is the question advice",
"number_of_items": 3,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"question_advice": "Here is the additional question advice",
"questions": [
{
"type": "text",
"id": "listMultiquestionText00",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText01",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"question_advice": "Here is the additional question advice",
"questions": [
{
"type": "text",
"id": "listMultiquestionText10",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText11",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"question_advice": "Here is the additional question advice",
"questions": [
{
"type": "text",
"id": "listMultiquestionText20",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText21",
"question": "Here is the second question"
}
]
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n <div class=\"govuk-body\">\n Here is the question advice\n </div>\n\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (3 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with question advice as html",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"question_advice": "<p class=\"govuk-body-l\">Here is the question advice</p>\n",
"number_of_items": 3,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"question_advice": "<p class=\"govuk-body-l\">Here is the additional question advice</p>\n",
"questions": [
{
"type": "text",
"id": "listMultiquestionText00",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText01",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"question_advice": "<p class=\"govuk-body-l\">Here is the additional question advice</p>\n",
"questions": [
{
"type": "text",
"id": "listMultiquestionText10",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText11",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"question_advice": "<p class=\"govuk-body-l\">Here is the additional question advice</p>\n",
"questions": [
{
"type": "text",
"id": "listMultiquestionText20",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText21",
"question": "Here is the second question"
}
]
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n <div class=\"govuk-body\">\n <p class=\"govuk-body-l\">Here is the question advice</p>\n\n </div>\n\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (3 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with server side options submit",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText00",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText01",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText10",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText11",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText20",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText21",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText30",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText31",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText40",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText41",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"server_side_options": {
"submit": true
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <button value=\"listMultiquestion:0\" type=\"submit\" name=\"add-list-multiquestion\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (5 remaining)\n</button>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with data",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-0",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-0",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-1",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-1",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-2",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-2",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-3",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-3",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-4",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-4",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0",
"listMultiquestionText1": "Text for 0 1"
},
{
"listMultiquestionText0": "Text for 1 0",
"listMultiquestionText1": "Text for 1 1"
},
{
"listMultiquestionText0": "Text for 2 0",
"listMultiquestionText1": "Text for 2 1"
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 2\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 3\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"Text for 0 0\">\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=\"Text for 0 1\">\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=\"Text for 1 0\">\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=\"Text for 1 1\">\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=\"Text for 2 0\">\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=\"Text for 2 1\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-3\" name=\"listMultiquestionText0-3\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-3\" name=\"listMultiquestionText1-3\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-4\" name=\"listMultiquestionText0-4\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-4\" name=\"listMultiquestionText1-4\" value=\"\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/3\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (2 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with data for some answers",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-0",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-0",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-1",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-1",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-2",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-2",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-3",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-3",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-4",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-4",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0"
},
{
"listMultiquestionText0": "Text for 1 0",
"listMultiquestionText1": "Text for 1 1"
},
{
"listMultiquestionText0": null,
"listMultiquestionText1": "Text for 2 1"
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 2\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 3\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"Text for 0 0\">\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=\"Text for 1 0\">\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=\"Text for 1 1\">\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=\"Text for 2 1\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-3\" name=\"listMultiquestionText0-3\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-3\" name=\"listMultiquestionText1-3\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-4\" name=\"listMultiquestionText0-4\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-4\" name=\"listMultiquestionText1-4\" value=\"\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/3\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (2 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with server side options submit with data",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText00",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText01",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText10",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText11",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText20",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText21",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText30",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText31",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText40",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText41",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0",
"listMultiquestionText1": "Text for 0 1"
},
{
"listMultiquestionText0": "Text for 1 0",
"listMultiquestionText1": "Text for 1 1"
},
{
"listMultiquestionText0": "Text for 2 0",
"listMultiquestionText1": "Text for 2 1"
}
]
},
"server_side_options": {
"submit": true
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n \n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <button value=\"listMultiquestion:0\" type=\"submit\" name=\"edit-list-multiquestion\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</button>\n <button value=\"listMultiquestion:0\" type=\"submit\" name=\"remove-list-multiquestion\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 1</span>\n</button>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 2\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n \n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <button value=\"listMultiquestion:1\" type=\"submit\" name=\"edit-list-multiquestion\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 2</span>\n</button>\n <button value=\"listMultiquestion:1\" type=\"submit\" name=\"remove-list-multiquestion\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 2</span>\n</button>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 3\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n \n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <button value=\"listMultiquestion:2\" type=\"submit\" name=\"edit-list-multiquestion\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 3</span>\n</button>\n <button value=\"listMultiquestion:2\" type=\"submit\" name=\"remove-list-multiquestion\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 3</span>\n</button>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"listMultiquestionText00\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText00\" name=\"listMultiquestionText00\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText01\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText01\" name=\"listMultiquestionText01\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText10\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText10\" name=\"listMultiquestionText10\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText11\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText11\" name=\"listMultiquestionText11\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText20\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText20\" name=\"listMultiquestionText20\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText21\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText21\" name=\"listMultiquestionText21\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText30\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText30\" name=\"listMultiquestionText30\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText31\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText31\" name=\"listMultiquestionText31\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText40\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText40\" name=\"listMultiquestionText40\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText41\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText41\" name=\"listMultiquestionText41\" value=\"\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <button value=\"listMultiquestion:3\" type=\"submit\" name=\"add-list-multiquestion\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (2 remaining)\n</button>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with data for one item",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-0",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-0",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-1",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-1",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-2",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-2",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-3",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-3",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-4",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-4",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0",
"listMultiquestionText1": "Text for 0 1"
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"Text for 0 0\">\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=\"Text for 0 1\">\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\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-3\" name=\"listMultiquestionText0-3\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-3\" name=\"listMultiquestionText1-3\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-4\" name=\"listMultiquestionText0-4\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-4\" name=\"listMultiquestionText1-4\" value=\"\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (4 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
},
{
"name": "with data for 5 items",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-0",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-0",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-1",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-1",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-2",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-2",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-3",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-3",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-4",
"question": "Here is the first question",
"name": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-4",
"question": "Here is the second question",
"name": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0",
"listMultiquestionText1": "Text for 0 1"
},
{
"listMultiquestionText0": "Text for 1 0",
"listMultiquestionText1": "Text for 1 1"
},
{
"listMultiquestionText0": "Text for 2 0",
"listMultiquestionText1": "Text for 2 1"
},
{
"listMultiquestionText0": "Text for 3 0",
"listMultiquestionText1": "Text for 3 1"
},
{
"listMultiquestionText0": "Text for 4 0",
"listMultiquestionText1": "Text for 4 1"
}
]
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 2\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 3\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 3</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 4\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 3 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 3 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/3\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 4</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/3\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 4</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 5\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 4 0\n</p>\n\n\n </div>\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <p class=\"govuk-body-s\">\n Text for 4 1\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/4\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 5</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/4\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 5</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"Text for 0 0\">\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=\"Text for 0 1\">\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=\"Text for 1 0\">\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=\"Text for 1 1\">\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=\"Text for 2 0\">\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=\"Text for 2 1\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-3\" name=\"listMultiquestionText0-3\" value=\"Text for 3 0\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-3\" name=\"listMultiquestionText1-3\" value=\"Text for 3 1\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-4\" name=\"listMultiquestionText0-4\" value=\"Text for 4 0\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-4\" name=\"listMultiquestionText1-4\" value=\"Text for 4 1\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n\n</fieldset>\n</div>"
},
{
"name": "with error message",
"options": {
"question": {
"id": "listMultiquestion",
"question": "Enter as many items as needed",
"number_of_items": 5,
"questions": [
{
"id": "listMultiquestion0",
"question": "I am question 1",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-0",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-0",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion1",
"question": "I am question 2",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-1",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-1",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion2",
"question": "I am question 3",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-2",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-2",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion3",
"question": "I am question 4",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-3",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-3",
"question": "Here is the second question"
}
]
},
{
"id": "listMultiquestion4",
"question": "I am question 5",
"questions": [
{
"type": "text",
"id": "listMultiquestionText0-4",
"question": "Here is the first question"
},
{
"type": "text",
"id": "listMultiquestionText1-4",
"question": "Here is the second question"
}
]
}
]
},
"data": {
"listMultiquestion": [
{
"listMultiquestionText0": "Text for 0 0"
},
{
"listMultiquestionText0": "Text for 2 0"
}
]
},
"errors": {
"listMultiquestion": {
"message": "Error for the question"
}
},
"server_side_options": {
"add_endpoint": "main.add_item",
"remove_endpoint": "main.remove_item",
"endpoint_values": {
"section_id": "questions"
}
}
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n<fieldset class=\"govuk-fieldset\" id=\"input-listMultiquestion\">\n <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n Enter as many items as needed\n </legend>\n <p id=\"input-listMultiquestion-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error for the question\n </p>\n\n <div class=\"dm-list-multiquestion__items\">\n<div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 1\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/0\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 1</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"><div class=\"dm-list-multiquestion__item\">\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n<details class=\"govuk-details\">\n <summary class=\"govuk-details__summary\">\n <span class=\"govuk-details__summary-text\">\n I am question 2\n </span>\n </summary>\n <div class=\"govuk-details__text\">\n <div class=\"dm-list-multiquestion__item-summary\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n\n </div>\n</details>\n </div>\n </div>\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-two-thirds\">\n <div class=\"govuk-button-group\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-edit\" data-module=\"govuk-button\">\n Edit<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n <a href=\"/suppliers/remove-item/questions/listMultiquestion/1\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning dm-list-multiquestion__item-remove\" data-module=\"govuk-button\">\n Remove<span class=\"govuk-visually-hidden\"> item 2</span>\n</a>\n </div>\n </div>\n </div>\n </div>\n <hr class=\"govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6\"> \n\n\n\n\n\n\n\n<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=\"Text for 0 0\">\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=\"Text for 2 0\">\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\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-3\" name=\"listMultiquestionText0-3\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-3\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-3\" name=\"listMultiquestionText1-3\" value=\"\">\n\n</div>\n\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText0-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText0-4\" name=\"listMultiquestionText0-4\" value=\"\">\n\n</div>\n\n \n\n\n\n\n\n\n\n<div\n class=\"govuk-visually-hidden\"\n id=\"listMultiquestionText1-4\"\n>\n <input type=\"hidden\" id=\"input-listMultiquestionText1-4\" name=\"listMultiquestionText1-4\" value=\"\">\n\n</div>\n\n\n\n</div>\n\n </div>\n\n <div class=\"govuk-grid-row\">\n <div class=\"govuk-grid-column-full\">\n <a href=\"/suppliers/add-item/questions/listMultiquestion/2\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--secondary dm-list-multiquestion__item-add\" data-module=\"govuk-button\">\n Add (3 remaining)\n</a>\n </div>\n </div>\n\n</fieldset>\n</div>"
}
]
}