Skip to content
Permalink
Browse files

Selectmenu: clean up default demo

  • Loading branch information...
fnagel committed Apr 29, 2013
1 parent e1590c4 commit c0fa69d9270da09289208ef0249e3d52184ae325
Showing with 25 additions and 19 deletions.
  1. +25 −19 demos/selectmenu/default.html
@@ -13,26 +13,38 @@
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
$('#speed').selectmenu();
$( "#speed" ).selectmenu();
$('#files').selectmenu();
$( "#files" ).selectmenu();
$('#number').selectmenu().selectmenu("menuWidget").addClass("overflow");
$( "#number" )
.selectmenu()
.selectmenu( "menuWidget" )
.addClass( "overflow" );
});
</script>
<style>
form { margin: 50px 0 0 0 }
fieldset { border: 0; }
label { display: block; }
select { width: 200px; }
.overflow { height: 200px; }
fieldset {
border: 0;
}
label {
display: block;
margin: 30px 0 0 0;
}
select {
width: 200px;
}
.overflow {
height: 200px;
}
</style>
</head>
<body>

<div class="demo">

<form action="#">

<fieldset>
<label for="speed">Select a speed</label>
<select name="speed" id="speed">
@@ -42,9 +54,7 @@
<option value="Fast">Fast</option>
<option value="Faster">Faster</option>
</select>
<br />
<br />
<br />

<label for="files">Select a file</label>
<select name="files" id="files">
<optgroup label="Scripts">
@@ -56,9 +66,7 @@
<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>
@@ -82,16 +90,14 @@
<option value="19">19</option>
</select>
</fieldset>

</form>

</div><!-- End demo -->


</div>

<div class="demo-description">
<p>The Selectmenu widgets provides a styleable select element replacement. It will act as a proxy back to the original select element, controlling its state for form submission or serialization </p>
<p>The datasource is a native select element. Supports optgroups.</p>
</div><!-- End demo-description -->

</div>
</body>
</html>

0 comments on commit c0fa69d

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