library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
jzaefferer 2010-03-20 22:04:35 +01:00
parent b46e8a52fb
commit 678844ed8c
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
demos/autocomplete/combobox.html
View File

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