Kryptronic Software Support Forum

You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.

#1 01-11-2013 21:27:54

sppars
Member
Registered: 01-25-2006
Posts: 301

Width of Auto Complete Search

Hi Everyone,

Is there any way to change the width of the auto complete search box that drops down? I have changed the form field width and it doesn't affect the drop down box, just the field itself. Ideally, I would like the field and auto complete box to be the same width. I've also tried adding ".width(400)" and ".css('width', '400px')" at the end of the jQuery function but still no results.

Any input is appreciated.

Last edited by sppars (01-11-2013 21:32:51)

Offline

 

#2 01-12-2013 21:25:36

geraldz
Member
Registered: 09-27-2011
Posts: 251

Re: Width of Auto Complete Search

I'm not sure what you mean by "drops down?"  My search box is static.

Have you tried Google's Chrome browser?  You can right-click anywhere on your website and "Inspect Element."  It tells you exactly where your browser is pulling the design from.

https://www.google.com/intl/en/chrome/browser/

Last edited by geraldz (01-12-2013 21:25:56)

Offline

 

#3 01-14-2013 09:12:47

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Width of Auto Complete Search

In the file {public}/media/scripts/frontend.js, look in the searchAutoCompleteResult() function for:

Code:

style:    {classes: 'qtipcustom_default', width: 300, tip: false},

Change the width there from 300 to whatever you want.  After you save, you might need to reload your browser once or twice to see the change.


Nick Hendler

Offline

 

#4 01-14-2013 20:40:32

sppars
Member
Registered: 01-25-2006
Posts: 301

Re: Width of Auto Complete Search

Thanks Nick, that worked.

Offline

 

Board footer