diff options
| author | Alexander Schmitz <arschmitz@gmail.com> | 2015-08-12 11:24:30 -0400 |
|---|---|---|
| committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-10-08 14:02:47 -0400 |
| commit | 6c1390dc0d3c4f9f24196adf3aeba5a0566866e7 (patch) | |
| tree | 6c5cf81a829ce627a9f423ce2b513bb3d935bb93 /demos/controlgroup/default.html | |
| parent | 77be50d7a65cc5d139f212906463ab97a0cc8689 (diff) | |
| download | jquery-ui-6c1390dc0d3c4f9f24196adf3aeba5a0566866e7.tar.gz jquery-ui-6c1390dc0d3c4f9f24196adf3aeba5a0566866e7.zip | |
Controlgroup: Add controlgroup labels
Diffstat (limited to 'demos/controlgroup/default.html')
| -rw-r--r-- | demos/controlgroup/default.html | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/demos/controlgroup/default.html b/demos/controlgroup/default.html index 57a2530b6..49ea28210 100644 --- a/demos/controlgroup/default.html +++ b/demos/controlgroup/default.html @@ -9,9 +9,16 @@ .ui-controlgroup-vertical { width: 150px; } - .ui-controlgroup.ui-controlgroup-vertical > button.ui-button { + .ui-controlgroup.ui-controlgroup-vertical > button.ui-button, + .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label { text-align: center; } + #car-type-button { + width: 120px; + } + .ui-controlgroup-horizontal .ui-spinner { + width: 50px; + } </style> <script src="../../external/requirejs/require.js"></script> <script src="../bootstrap.js" data-modules="button checkboxradio selectmenu spinner"> @@ -27,8 +34,7 @@ <fieldset> <legend>Rental Car</legend> <div class="controlgroup"> - <input class="ui-spinner-input"> - <select> + <select id="car-type"> <option>Compact car</option> <option>Midsize car</option> <option>Full size car</option> @@ -37,15 +43,15 @@ <option>Truck</option> <option>Van</option> </select> - <input class="ui-spinner-input"> <label for="transmission-standard">Standard</label> <input type="radio" name="transmission" id="transmission-standard"> <label for="transmission-automatic">Automatic</label> <input type="radio" name="transmission" id="transmission-automatic"> <label for="insurance">Insurance</label> <input type="checkbox" name="insurance" id="insurance"> + <label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label> + <input id="horizontal-spinner" class="ui-spinner-input"> <button>Book Now!</button> - <input class="ui-spinner-input"> </div> </fieldset> <br/> @@ -67,6 +73,8 @@ <input type="radio" name="transmission-v" id="transmission-automatic-v"> <label for="insurance-v">Insurance</label> <input type="checkbox" name="insurance" id="insurance-v"> + <label for="vertical-spinner" class="ui-controlgroup-label"># of cars</label> + <input id="vertical-spinner" class="ui-spinner-input"> <button>Book Now!</button> </div> </fieldset> |