diff options
| author | Alexander Schmitz <arschmitz@gmail.com> | 2014-08-22 23:39:35 -0400 |
|---|---|---|
| committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-10-07 10:57:59 -0400 |
| commit | 40a9d1dfdb6a341904ae7bcd4600b0ef201d14df (patch) | |
| tree | b4eaf29211bd94d9f947e8f0613f7798efe98126 /demos/controlgroup/default.html | |
| parent | 6e2bbcaa5e19bb933d8024ff5d6fcff34f91e034 (diff) | |
| download | jquery-ui-40a9d1dfdb6a341904ae7bcd4600b0ef201d14df.tar.gz jquery-ui-40a9d1dfdb6a341904ae7bcd4600b0ef201d14df.zip | |
Controlgroup: Inital commit of new widget
This widget replaces the buttonset widget
Diffstat (limited to 'demos/controlgroup/default.html')
| -rw-r--r-- | demos/controlgroup/default.html | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/demos/controlgroup/default.html b/demos/controlgroup/default.html index 9e4bcdd80..0fc963537 100644 --- a/demos/controlgroup/default.html +++ b/demos/controlgroup/default.html @@ -16,18 +16,15 @@ <link rel="stylesheet" href="../demos.css"> <script> $(function() { - $( ".controlgroup" ).eq( 0 ).controlgroup() - .end().eq( 1 ).controlgroup({ - "direction": "vertical" - }); + $( ".controlgroup" ).controlgroup() + $( ".controlgroup-vertical" ).controlgroup({ + "direction": "vertical" + }); }); </script> <style> .ui-controlgroup-vertical { - width: 300px; - } - .ui-controlgroup-vertical select { - width: 100%; + width: 150px; } .ui-controlgroup.ui-controlgroup-vertical > button.ui-button { text-align: center; @@ -35,9 +32,6 @@ </style> </head> <body> -<div class="demo-description"> -<p>A Controlgroup featuring various form controls</p> -</div> <div class="widget"> <h1>Controlgroup</h1> <fieldset> @@ -64,7 +58,7 @@ <br/> <fieldset> <legend>Rental Car</legend> - <div class="controlgroup-horizontal"> + <div class="controlgroup-vertical"> <select> <option>Compact car</option> <option>Midsize car</option> @@ -83,8 +77,9 @@ <button>Book Now!</button> </div> </fieldset> ->>>>>>> 423b976... Checkboxradio: Fixed demos and tests </div> - +<div class="demo-description"> +<p>A controlgroup featuring various form controls. The first features a horizontal toolbar like orientation, the second is in a space saving vertical orientation for usages like mobile devices and panels.</p> +</div> </body> </html> |