diff options
author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-02-21 17:56:04 +0100 |
---|---|---|
committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-02-21 17:56:04 +0100 |
commit | d5c74f77c8630922d8eb78fe10e8cb433e42dc9d (patch) | |
tree | 37e2fc1b05b3f7126c93fe72b0b41d1b5e6644bd /demos/selectmenu | |
parent | aa84b39ccd541eaa6f3632d1ca2f9f1bce90d462 (diff) | |
download | jquery-ui-d5c74f77c8630922d8eb78fe10e8cb433e42dc9d.tar.gz jquery-ui-d5c74f77c8630922d8eb78fe10e8cb433e42dc9d.zip |
Selectmenu: Reorder default demo to reduce the odd top-margin (still needed to fully show the popup menu)
Diffstat (limited to 'demos/selectmenu')
-rw-r--r-- | demos/selectmenu/default.html | 35 |
1 files changed, 17 insertions, 18 deletions
diff --git a/demos/selectmenu/default.html b/demos/selectmenu/default.html index 804cc6bc3..5653ac76c 100644 --- a/demos/selectmenu/default.html +++ b/demos/selectmenu/default.html @@ -16,17 +16,16 @@ $(function() { $('#speed').selectmenu(); + $('#files').selectmenu(); + var withOverflow = $('#number').selectmenu({ dropdown: false }); withOverflow.selectmenu("widget").addClass("overflow"); - - $('#files').selectmenu(); - }); </script> <style> - form { margin: 100px 0 0 0 } + form { margin: 50px 0 0 0 } fieldset { border: 0; } label { display: block; } select { width: 200px; } @@ -50,6 +49,20 @@ <br /> <br /> <br /> + <label for="files">Select a file:</label> + <select name="files" id="files"> + <optgroup label="Scripts"> + <option value="jquery">jQuery.js</option> + <option value="jqueryui">ui.jQuery.js</option> + </optgroup> + <optgroup label="Other files"> + <option value="somefile">Some unknown file</option> + <option value="someotherfile">Some other file</option> + </optgroup> + </select> + <br /> + <br /> + <br /> <label for="number">Select a number:</label> <select name="number" id="number"> <option value="1">1</option> @@ -72,20 +85,6 @@ <option value="18">18</option> <option value="19">19</option> </select> - <br /> - <br /> - <br /> - <label for="files">Select a file:</label> - <select name="files" id="files"> - <optgroup label="Scripts"> - <option value="jquery">jQuery.js</option> - <option value="jqueryui">ui.jQuery.js</option> - </optgroup> - <optgroup label="Other files"> - <option value="somefile">Some unknown file</option> - <option value="someotherfile">Some other file</option> - </optgroup> - </select> </fieldset> </form> |