When using search as an exposed filter, the text field outputs:

Keyword

Size = 10 is the problem this in only enough room for one keyword. Is there a way to adjust the size?

Comments

bfsworks’s picture

bfsworks commented

Sorry the html did not post:


<div><fieldset class=" collapsible"><legend>Keyword</legend><div class="form-item">

 <input type="text" maxlength="255" name="filter0" id="edit-filter0"  size="10" value="" class="form-text" />
</div>
douggreen’s picture

douggreen commented

The SIZE identifier doesn't restrict input, it's the MAXLENGTH identifier that restricts input. So, VFB is restricting the SIZE to 10 just so that the filter fits on the form. A more modern way of doing this would be to use CSS, and that would probably be preferable, but it does this in HTML. But since it's not restricting MAXLENGTH, you should be able to type as many characters as you want, and it should just scroll. That's how it works on my sites and my browser (FireFox), at least.

zeryn’s picture

zeryn commented

This is one of the sweetest modules I have come across. It has made all the difference in the usability of my site. Thanks!

Anyone know where this HTML specifying SIZE as 10 is located? It needs to be wider for my theme/design and I'm having a rough time finding it!

(I understand I can type 255 characters into it but it would be much more usable at 20.)

douggreen’s picture

douggreen commented

Just change the size in your theme's CSS.

zeryn’s picture

zeryn commented
Status: Active » Closed (fixed)

Thanks. I didn't realize the CSS could override the html. For any one else searching on this issue here is what I set in my CSS:

#edit-filter0{
     width: 160px;
}

Obviously yours will be different. You can find out what it needs to be with Firebug in Firefox.

Thanks again for your help.