aboutsummaryrefslogtreecommitdiffstats
path: root/demos/selectmenu
diff options
context:
space:
mode:
authorJörn Zaefferer <joern.zaefferer@gmail.com>2012-02-21 17:56:04 +0100
committerJörn Zaefferer <joern.zaefferer@gmail.com>2012-02-21 17:56:04 +0100
commitd5c74f77c8630922d8eb78fe10e8cb433e42dc9d (patch)
tree37e2fc1b05b3f7126c93fe72b0b41d1b5e6644bd /demos/selectmenu
parentaa84b39ccd541eaa6f3632d1ca2f9f1bce90d462 (diff)
downloadjquery-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.html35
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>