Missouri State University Pattern Library

Agreement

No notes defined.

<form class="form">
    <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>

</form>
 
{
  "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"
    }
  ]
}