jquery / jquery-ui

Source
Commits
Network (18)
Graphs
Tree: 678844e

The official jQuery user interface library. — Read more

This URL has Read+Write access

Combobox demo: Improved styling and added a title to the button, to avoid 
having &nbsp; in the tooltip

jzaefferer (author)

Sat Mar 20 14:04:35 -0700 2010

commit 678844ed8c08aed3a8b47a18d8954340bcf219c3
tree 38b6c221b421c65d6434d0c187c77c9891436dd4
parent b46e8a52fb46553222236a2f840ad17049abd42e

demos/autocomplete/combobox.html

13 ••••

demos/autocomplete/combobox.html

0
@@ -12,9 +12,10 @@
0
   <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
0
   <link type="text/css" href="../demos.css" rel="stylesheet" />
0
   <style type="text/css">
0
-  .ui-autocomplete-input {
0
-    margin: 0;
0
-  }
0
+    /* TODO shouldn't be necessary */
0
+    .ui-button { margin-left: -1px; }
0
+    .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
0
+    .ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
0
   </style>
0
   <script type="text/javascript">
0
   (function($) {
0
@@ -55,6 +56,7 @@
0
           })
0
           .addClass("ui-widget ui-widget-content ui-corner-left");
0
         $("<button>&nbsp;</button>")
0
+        .attr("title", "Show All Items")
0
         .insertAfter(input)
0
         .button({
0
           icons: {
0
@@ -82,11 +84,6 @@
0
     $("select").combobox();
0
   });
0
   </script>
0
-  <style>
0
-    /* TODO shouldn't be necessary */
0
-    .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
0
-    .ui-autocomplete-input { padding: 0.48em 0 0.47em 0.45em; }
0
-  </style>
0
 </head>
0
 <body>
0

Comments

Please log in to comment.