-
1. Re: Autocomplete, how to change width
juankprada Feb 18, 2011 4:50 PM (in response to rodrigorjo)setting the Id for the component and defining a custom rule in your own CSS file is not an option?... I would try that with an !important modifier for the rule so it wont be overrided by richfaces rules. i.e #myComponentId { width: 150px !important; }
-
2. Re: Autocomplete, how to change width
rodrigorjo Feb 21, 2011 2:11 PM (in response to juankprada)Thank you Juan,
I was finally able to do it. The component end up generating lots of divs on the page. I had to change the width of the component and also change the class of one of those divs generated, like this:
<style type="text/css">
#myComponentID { width: 400px !important; }
.rf-au-lst-scrl { width: 400px !important; text-align: left; }
</style>
This css class (rf-au-lst-scrl) is used by the component and there seems to be no way of changing it on the component. I hope in future releases there are easier ways to change it besides looking the generated code and trying with the classes in the divs. Adding a styleClass or even a width on the autoCompelte would be nice.
Anyway, thanks a lot Juan Camilo.