Hi Riccardo, thanks for this very useful share! I was having a hard time
until I found your post :)
I added z-index to make the dropdown list always appear above other
elements:
.goog-menu-vertical {
max-height: 30em;
overflow-y: auto;
*z-index: 15; /* could be any arbitrary high number */*
}
For a working example, see: http://sgratrace.appspot.com/age.html
Would you know of any online resource that details all the Google Apps UI
css classes? It would have really saved a lot of time hunting under the
hood and trial & error using firebug / chrome dev tools.
On Tuesday, January 31, 2012 5:42:36 PM UTC+8, Riccardo Govoni wrote:
>
> Have a look at this
> example<http://savedbythegoog.appspot.com/?id=977656015fc64233927ff3d2483b0044500d4d03>.
>
> The CSS style I'm using is the following:
>
> .goog-menu-vertical {
> max-height: 100px;
> overflow-y: auto;
> }
>
> The first line limits the maximum height of the dropdown, the second
> triggers the scrollbar if the contents overflow such height.
>
> would that work for you?
>
> - R.
>
>
> On 31 January 2012 03:14, Gabe <[email protected] <javascript:>> wrote:
>
>> I'm looking for a way to limit the size of a CategoryFilter dropdown
>> list. I have about 30 categories and the filter is placed towards the
>> bottom of the page. Right now, the bottom of the list is way out of
>> view down the page, so you have to scroll the whole page in order to
>> see all the categories. I would like the list to only show 5-10
>> categories, then let the user scroll in just the dropdown. I added a
>> cssClass in the ControlWrapper options, and can change things like
>> background color, but I can't figure out how to limit the size of the
>> list. Any suggestions?
>>
>> Thanks
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Google Visualization API" group.
>> To post to this group, send email to
>> [email protected]<javascript:>
>> .
>> To unsubscribe from this group, send email to
>> [email protected] <javascript:>.
>> For more options, visit this group at
>> http://groups.google.com/group/google-visualization-api?hl=en.
>>
>>
>
--
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.
