Skip to content
Permalink
Browse files

Controlgroup: Add controlgroup labels

  • Loading branch information...
arschmitz committed Aug 12, 2015
1 parent 77be50d commit 6c1390dc0d3c4f9f24196adf3aeba5a0566866e7
Showing with 283 additions and 240 deletions.
  1. +13 −5 demos/controlgroup/default.html
  2. +243 −223 demos/controlgroup/toolbar.html
  3. +17 −8 themes/base/controlgroup.css
  4. +10 −4 ui/widgets/controlgroup.js
@@ -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 @@ <h1>Controlgroup</h1>
<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 @@ <h1>Controlgroup</h1>
<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 @@ <h1>Controlgroup</h1>
<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>

0 comments on commit 6c1390d

Please sign in to comment.
You can’t perform that action at this time.