digitalmarketplace-frontend/dist/digitalmarketplace/components/question-list-multiquestion-client-side/template-with-internal-followups.html

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

<div class="govuk-form-group">
<fieldset class="govuk-fieldset" data-module="dm-question-list-multiquestion-client-side" data-max-number-of-items="3" id="input-listMultiquestion">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Enter as many items as needed
  </legend>

    <div class="dm-list-multiquestion__items">
          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 1
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question "
  id="listMultiquestionBoolean-0"
data-module="dm-question">
    





<div class="govuk-form-group">
  <fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Here is the boolean question
  </legend>
  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-0" name="listMultiquestionBoolean-0" type="radio" value="true" data-target="listMultiquestionText0-0">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-0">
        Yes
      </label>
    </div>
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-0-2" name="listMultiquestionBoolean-0" type="radio" value="false" data-target="listMultiquestionText1-0">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-0-2">
        No
      </label>
    </div>
  </div>
</fieldset>
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText0-0"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText0-0">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText0-0" name="listMultiquestionText0-0" type="text">
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText1-0"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText1-0">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText1-0" name="listMultiquestionText1-0" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 2
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question "
  id="listMultiquestionBoolean-1"
data-module="dm-question">
    





<div class="govuk-form-group">
  <fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Here is the boolean question
  </legend>
  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-1" name="listMultiquestionBoolean-1" type="radio" value="true" data-target="listMultiquestionText0-1">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-1">
        Yes
      </label>
    </div>
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-1-2" name="listMultiquestionBoolean-1" type="radio" value="false" data-target="listMultiquestionText1-1">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-1-2">
        No
      </label>
    </div>
  </div>
</fieldset>
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText0-1"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText0-1">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText0-1" name="listMultiquestionText0-1" type="text">
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText1-1"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText1-1">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText1-1" name="listMultiquestionText1-1" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 3
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question "
  id="listMultiquestionBoolean-2"
data-module="dm-question">
    





<div class="govuk-form-group">
  <fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Here is the boolean question
  </legend>
  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-2" name="listMultiquestionBoolean-2" type="radio" value="true" data-target="listMultiquestionText0-2">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-2">
        Yes
      </label>
    </div>
    <div class="govuk-radios__item">
      <input class="govuk-radios__input" id="input-listMultiquestionBoolean-2-2" name="listMultiquestionBoolean-2" type="radio" value="false" data-target="listMultiquestionText1-2">
      <label class="govuk-label govuk-radios__label" for="input-listMultiquestionBoolean-2-2">
        No
      </label>
    </div>
  </div>
</fieldset>
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText0-2"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText0-2">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText0-2" name="listMultiquestionText0-2" type="text">
</div>


</div>

                </div>
                  </div>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-full">
                  <div
  class="question js-hidden dm-question__related-information" aria-hidden="false"
  id="listMultiquestionText1-2"
hidden>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText1-2">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText1-2" name="listMultiquestionText1-2" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>    </div>

    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <button type="button" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove<span class="govuk-visually-hidden"> item <span class="dm-list-multiquestion__item-remove-counter">0</span></span>
</button>
      </div>
    </div>

    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <button type="button" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-add govuk-visually-hidden" data-module="govuk-button">
  Add (<span class="dm-list-multiquestion__item-add-counter">0</span> remaining)
</button>
      </div>
    </div>

</fieldset>
</div>