Missouri State University Pattern Library

Agreement: Agreement, vertical

There are no notes for this item.

<fieldset class="fieldset Page100">
    <legend>Agreement scale</legend>

    <ul class="unstyled vertical">
        <li>
            <input type="radio" id="field-1" name="Field_agreement_scale" value="Strongly Disagree" class="radio Page1" />
            <label for="field-1">Strongly Disagree</label> </li>
        <li>
            <input type="radio" id="field-2" name="Field_agreement_scale" value="Disagree" class="radio Page2" />
            <label for="field-2">Disagree</label> </li>
        <li>
            <input type="radio" id="field-3" name="Field_agreement_scale" value="Somewhat Disagree" class="radio Page3" />
            <label for="field-3">Somewhat Disagree</label> </li>
        <li>
            <input type="radio" id="field-4" name="Field_agreement_scale" value="Neutral" class="radio Page4" />
            <label for="field-4">Neutral</label> </li>
        <li>
            <input type="radio" id="field-5" name="Field_agreement_scale" value="Somewhat Agree" class="radio Page5" />
            <label for="field-5">Somewhat Agree</label> </li>
        <li>
            <input type="radio" id="field-6" name="Field_agreement_scale" value="Agree" class="radio Page6" />
            <label for="field-6">Agree</label> </li>
        <li>
            <input type="radio" id="field-7" name="Field_agreement_scale" value="Strongly Agree" class="radio Page7" />
            <label for="field-7">Strongly Agree</label> </li>
    </ul>

</fieldset>
 
{
  "pageId": 100,
  "legend": "Agreement scale",
  "control": [
    {
      "pageId": 1,
      "label": "Strongly Disagree",
      "name": "agreement_scale"
    },
    {
      "pageId": 2,
      "label": "Disagree",
      "name": "agreement_scale"
    },
    {
      "pageId": 3,
      "label": "Somewhat Disagree",
      "name": "agreement_scale"
    },
    {
      "pageId": 4,
      "label": "Neutral",
      "name": "agreement_scale"
    },
    {
      "pageId": 5,
      "label": "Somewhat Agree",
      "name": "agreement_scale"
    },
    {
      "pageId": 6,
      "label": "Agree",
      "name": "agreement_scale"
    },
    {
      "pageId": 7,
      "label": "Strongly Agree",
      "name": "agreement_scale"
    }
  ],
  "orientation": "vertical"
}