diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2010-02-17 02:08:43 +0000 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2010-02-17 02:08:43 +0000 |
| commit | d3141b84cb2cbfe6c01a3629623e5d4e6730e044 (patch) | |
| tree | 32b12da7732a47b8125c87e9bf66222bb8728c33 | |
| parent | 5aaae1d695d8bf386c66bb92e2eae7934e04ca4d (diff) | |
| download | jquery-ui-d3141b84cb2cbfe6c01a3629623e5d4e6730e044.tar.gz jquery-ui-d3141b84cb2cbfe6c01a3629623e5d4e6730e044.zip | |
Autocomplete demo: Added styling to the categories.
| -rw-r--r-- | demos/autocomplete/categories.html | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/demos/autocomplete/categories.html b/demos/autocomplete/categories.html index cd4c2c05b..524f7b67a 100644 --- a/demos/autocomplete/categories.html +++ b/demos/autocomplete/categories.html @@ -10,7 +10,10 @@ <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
-
+ .ui-autocomplete-category {
+ padding:.2em .4em;
+ line-height:1.5;
+ }
</style>
<script type="text/javascript">
$.each({
@@ -57,7 +60,7 @@ currentCategory = "";
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
- ul.append( "<li class='category'>" + item.category + "</li>" );
+ ul.append( "<li class='ui-widget-header ui-autocomplete-category'>" + item.category + "</li>" );
currentCategory = item.category;
}
self._renderItem( ul, item );
|