how do you control the width of a jquery ui autocomplete combobox

Posted by oo on Stack Overflow See other posts from Stack Overflow or by oo
Published on 2010-04-22T06:31:04Z Indexed on 2010/04/22 6:33 UTC
Read the original article Hit count: 327

Filed under:

jquery-ui-autocomplete

|

width

|

combobox

i am using this jquery ui combobox autocomplete control out of the box off the jquery ui website:

my issue is that i have multiple comboboxes on a page and i want them to have different widths for each one.

i can change the width for ALL of them by adding this css:

 .ui-autocomplete-input
 {
     width:300px;
 }

but i can't figure out a way to change the width on just one of them

© Stack Overflow or respective owner

Related posts about jquery-ui-autocomplete

jQuery UI autocomplete not working in IE

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, I've got the new autocomplete widget in jQuery UI 1.8rc3 working great in Firefox. It doesn't work at all in IE. Can someone help me out? HTML: <input type="text" id="ctrSearch" size="30"> <input type="hidden" id="ctrId"> Javascript: $("#ctrSearch").autocomplete({ source:… >>> More
jQuery UI autocomplete combobox in a modal dialog

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to use a autocomplete combobox http://jqueryui.com/demos/autocomplete/#combobox within a modal dialog. However whenever I click on the down arrow (of the combobox) it causes a refresh that results in my modal window closing. How do I stop the refresh from occuring? (I am still new to jQuery) I… >>> More
Cant get Jquery ui autocomplete widget to work

as seen on Stack Overflow - Search for 'Stack Overflow'
Im trying to develop my first ASP.NET MVC web app and have run into a problem with the jquery ui autocomplete widget. At the moment I have a form with a number of text boxs which would lend themselves well to an autocomplete ability. The code for my "Make"(Car make) text box is show below: jquery: $(function()… >>> More
jQuery UI Autocomplete plug-in format results

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using jQuery UI Autocomplete plug-in. Is there a way to highlight search character sequence in drop-down results? For example, if I have data: "foo bar" it and I search for "foo" I get "foo bar" in drop down. >>> More
jquery ui autocomplete with database

as seen on Stack Overflow - Search for 'Stack Overflow'
I fairly new to JQuery and perhaps trying to achieve something that might be abit harder for a beginner. However I am trying to create an autocomplete that sends the current value to a PHP script and then returns the necessary values. Here is my Javascript code $("#login_name").autocomplete({ … >>> More

Related posts about width

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How can I center XHTML content with CSS?

as seen on Stack Overflow - Search for 'Stack Overflow'
so I recently converted a website of mine from a table content format to a div content format. Table format Version: Table version of the website: here. Table version style CSS: body { width: 1020px; margin: 0 auto; background-image: url(images/bg.png); } .logo{ width:301px; … >>> More
CSS set width to parentNode's width

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there a way in CSS to set the width of any element to equal the width of its parentNode? I tried 'inherit' - sounds logic - but it didn't work. Thanks in advance. >>> More
assign width to half available screen width decleratively

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to assign a widget width to half the available screen width, and do it using declarative xml? thx patrick >>> More
Assign width to half available screen width declaratively

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to assign a widget width to half the available screen width, and do it using declarative xml? thx patrick >>> More