Hi guys I figured out the css classes to control the width of the combobox 
(and its dropdown):

/*
Set the entire width of the combobox
including input field and dropdown button
*/

.goog-combobox {
width: 60em;
}

/*
Set the width of the input field
and the dropdown list below it
*/

.goog-combobox .goog-menu,
.goog-combobox.goog-inline-block > input {
width: 58em;
}

For a working example, see: http://sgratrace.appspot.com/age.html 

On Friday, April 6, 2012 1:13:18 AM UTC+8, asgallant wrote:
>
> You can use the ui.cssClass option to assign a class to a particular 
> control, and then use that class to apply your own styling.  Chrome's or 
> Firefox's developer tools will show you the class names for the 
> sub-elements of the controls.
>
> On Thursday, April 5, 2012 11:05:35 AM UTC-4, cassidy wrote:
>>
>> How do I change the width of a categoryFilter dropDown box? My data is 
>> much wider than the box allows and I cannot see a way to format it any 
>> wider. 
>>
>> I have multiple categoryFilters on a page and would like to be 
>> selective about the one I alter. I am sure the answer is in CSS 
>> somewhere but it has proved impossible to find the information I need. 
>>
>> Many thanks
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to