Missouri State University Pattern Library

Number: Number, vertical

There are no notes for this item.

<fieldset class="fieldset Page300">
    <legend>Number scale</legend>

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

</fieldset>
 
{
  "pageId": 300,
  "legend": "Number scale",
  "control": [
    {
      "pageId": 1,
      "label": 1,
      "name": "number_scale"
    },
    {
      "pageId": 2,
      "label": 2,
      "name": "number_scale"
    },
    {
      "pageId": 3,
      "label": 3,
      "name": "number_scale"
    },
    {
      "pageId": 4,
      "label": 4,
      "name": "number_scale"
    },
    {
      "pageId": 5,
      "label": 5,
      "name": "number_scale"
    },
    {
      "pageId": 6,
      "label": 6,
      "name": "number_scale"
    },
    {
      "pageId": 7,
      "label": 7,
      "name": "number_scale"
    }
  ],
  "orientation": "vertical"
}