I see the problem. The cssClass does replace
the google-visualization-controls-categoryfilter class rather than add to
it. The documentation for the cssClass does say: "The CSS class to assign
to the control, for custom styling." So I was incorrect to suggest the
cssClass would be added rather than replace the default.
In your case, you can workaround this, and arguably do it better anyway, by
not using the cssClass option and instead just specify your css selector
with the default class, like so:
.google-visualization-controls-categoryfilter ul {
max-width: 100% !important;
}
I'm still not sure we have a bug, but I do think we should find a better
way to facilitate customization without requiring you to rewrite the entire
CSS for the control.
On Fri, Oct 31, 2014 at 5:10 AM, cyb <[email protected]> wrote:
> Hi,
>
> this is not working if i add only my css-class it shows me only text and
> not a button.
>
>
>
> Am Freitag, 31. Oktober 2014 04:42:29 UTC+1 schrieb Daniel LaLiberte:
>>
>> Cyb,
>>
>> You have found an inconsistency with previous behavior, though I am not
>> yet sure whether it qualifies as a bug. It used to be that the cssClass
>> option (for the CategoryFilter anyway) would allow spaces in the value
>> separating more than one css class name. The latest version breaks that
>> behavior and now you are only allowed to use a single class name.
>>
>> Have you tried just specifying your testgoogleclass? Like this:
>>
>> 'cssClass': 'testgoogleclass'
>>
>> I believe your cssClass will be added to the elements 'class' attribute
>> rather than replace it, so you shouldn't need to include the
>> google-visualization-controls-categoryfilter class yourself.
>>
>>
>> On Thu, Oct 30, 2014 at 6:06 PM, cyb <[email protected]> wrote:
>>
>>> Hi,
>>>
>>> ok my css class cause the problems.. without the css code it works !
>>>
>>> testgoogleclass ul {
>>> max-width: 100% !important;
>>> }
>>>
>>> if i use this in the categoryFilter it produces an error:
>>> Failed to execute 'add' on 'DOMTokenList': The token provided
>>> ('google-visualization-controls-categoryfilter testgoogleclass')
>>> contains HTML space characters, which are not valid in tokens.×
>>>
>>> $scope.categoryPicker = new google.visualization.ControlWrapper({
>>> 'controlType': 'CategoryFilter',
>>> 'containerId': 'control1',
>>> 'options': {
>>> 'filterColumnIndex':
>>> $scope..chartValues.xValues[0],
>>> 'useFormattedValue': true,
>>> 'ui': {
>>> 'allowTyping': false,
>>> 'allowMultiple': true,
>>> 'selectedValuesLayout': 'belowStacked',
>>> 'labelStacking': 'vertical',
>>> 'cssClass': 'google-visualization-
>>> controls-categoryfilter testgoogleclass'
>>> }
>>> },
>>> // Define an initial state, i.e. a set of
>>> metrics to be initially selected.
>>> 'state': {'selectedValues':
>>> $scope....chartValues.categoryFilter}
>>> });
>>>
>>> how can i solve this ? i need this css file, to get the the full width
>>> of the categoryfilter buttons!
>>>
>>> Am Donnerstag, 30. Oktober 2014 22:57:18 UTC+1 schrieb cyb:
>>>
>>>> HI,
>>>>
>>>> ok it seems the problem is the category filter.. i got the following
>>>> message:
>>>>
>>>> Failed to execute 'add' on 'DOMTokenList': The token provided
>>>> ('google-visualization-controls-categoryfilter testgoogleclass')
>>>> contains HTML space characters, which are not valid in tokens.×
>>>>
>>>> *ttttt*
>>>> the testgoogleclass loks loke this:
>>>>
>>>> .testgoogleclass ul {
>>>> max-width: 100% !important;
>>>> }
>>>>
>>>> how can i solve this ?
>>>> Am Donnerstag, 30. Oktober 2014 18:33:22 UTC+1 schrieb Mael Caldas:
>>>>>
>>>>> Hi,
>>>>>
>>>>> From 15 minutes ago we started getting the error in production:
>>>>>
>>>>> "You called the draw() method with the wrong type of data rather than
>>>>> a DataTable or DataView"
>>>>>
>>>>> From our Google Docs Add-on that uses Charts API.
>>>>> The error is intermittent, and, for the same dataset, sometimes works,
>>>>> sometimes not.
>>>>>
>>>>> Does anybody knows what's happening? Any rollout in progress?
>>>>>
>>>>> Thanks
>>>>> Mael
>>>>>
>>>>>
>>>>>
>>>> --
>>> 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.
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>>
>>
>> --
>> Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2>
>> - 978-394-1058
>> [email protected] 5CC, Cambridge MA
>> [email protected] 9 Juniper Ridge Road, Acton MA
>>
> --
> 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.
> For more options, visit https://groups.google.com/d/optout.
>
--
Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> -
978-394-1058
[email protected] <[email protected]> 5CC, Cambridge MA
[email protected] <[email protected]> 9 Juniper Ridge
Road, Acton MA
--
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.
For more options, visit https://groups.google.com/d/optout.
