Missouri State University Pattern Library

Radio Group

No notes defined.

<div class="ou-form">
    <div class="ou-ldp-form-element">
        <div id="div_radio" class="form-group">
            <fieldset id=id_radio class="input group">
                <legend class="control-label">Radio Group<span class="required" title="required">*</span></legend>
                <div class="ou-form">
                    <div class="radio">
                        <label>
                            <input type="radio" name="radio" title="Standard radio button one" value="Standard radio button one">Standard radio button one
                        </label>
                    </div>

                </div>
                <div class="ou-form">
                    <div class="radio">
                        <label>
                            <input type="radio" name="radio" title="Standard radio button two" value="Standard radio button two">Standard radio button two
                        </label>
                    </div>

                </div> <span id="ldp-help-radio" class="help-block">A brief set of instructions on how to fill out the form control</span>

            </fieldset>
        </div>
    </div>

</div>
 
{{#> @mc-control-wrapper}} 
 {{#*inline 'container'}}
    <div class="ou-ldp-form-element">
      <div id="div_{{name}}" class="form-group">
        {{#> @mc-fieldset}}
          {{> @mc-label}}
            {{#*inline 'container'}}
                {{#each control}}
                  {{> @radio-mc-single}}
                {{/each}}
                {{#if description}}{{> @mc-description}}{{/if}}
            {{/inline}}
        {{/ @mc-fieldset}}
      </div>
    </div>  
  {{/inline}}
{{/@mc-control-wrapper}}
 
{
  "required": true,
  "label": "Radio Group",
  "name": "radio",
  "description": "A brief set of instructions on how to fill out the form control",
  "legend": "Radio Group",
  "control": [
    {
      "pageId": 1,
      "title": "Standard radio button one",
      "label": "Standard radio button one",
      "name": "radio",
      "value": "Standard one"
    },
    {
      "pageId": 2,
      "title": "Standard radio button two",
      "label": "Standard radio button two",
      "name": "radio",
      "value": "Standard two"
    }
  ]
}