Missouri State University Pattern Library

Strength: Strength, vertical

No notes defined.

<form class="form">
    <fieldset class="fieldset Page200">
        <legend>Strength scale</legend>

        <ul class="unstyled vertical">
            <li>
                <input type="radio" id="field-1" name="Field_strength_scale" value="Very Poor" class="radio Page1" />
                <label for="field-1">Very Poor</label>
            </li>
            <li>
                <input type="radio" id="field-2" name="Field_strength_scale" value="Poor" class="radio Page2" />
                <label for="field-2">Poor</label>
            </li>
            <li>
                <input type="radio" id="field-3" name="Field_strength_scale" value="Below Average" class="radio Page3" />
                <label for="field-3">Below Average</label>
            </li>
            <li>
                <input type="radio" id="field-4" name="Field_strength_scale" value="Neutral" class="radio Page4" />
                <label for="field-4">Neutral</label>
            </li>
            <li>
                <input type="radio" id="field-5" name="Field_strength_scale" value="Above Average" class="radio Page5" />
                <label for="field-5">Above Average</label>
            </li>
            <li>
                <input type="radio" id="field-6" name="Field_strength_scale" value="Strong" class="radio Page6" />
                <label for="field-6">Strong</label>
            </li>
            <li>
                <input type="radio" id="field-7" name="Field_strength_scale" value="Very Strong" class="radio Page7" />
                <label for="field-7">Very Strong</label>
            </li>
        </ul>

    </fieldset>

</form>
 
{
  "pageId": 200,
  "legend": "Strength scale",
  "control": [
    {
      "pageId": 1,
      "label": "Very Poor",
      "name": "strength_scale"
    },
    {
      "pageId": 2,
      "label": "Poor",
      "name": "strength_scale"
    },
    {
      "pageId": 3,
      "label": "Below Average",
      "name": "strength_scale"
    },
    {
      "pageId": 4,
      "label": "Neutral",
      "name": "strength_scale"
    },
    {
      "pageId": 5,
      "label": "Above Average",
      "name": "strength_scale"
    },
    {
      "pageId": 6,
      "label": "Strong",
      "name": "strength_scale"
    },
    {
      "pageId": 7,
      "label": "Very Strong",
      "name": "strength_scale"
    }
  ],
  "orientation": "vertical"
}