Missouri State University Pattern Library

Strength: Strength, horizontal

There are no notes for this item.

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

    <ul class="unstyled horizontal">
        <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>
 
{
  "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": "horizontal"
}