Hey Everyone,
I found a previous posting on this topic from a few years back but I would
just like some clarity on it. For reference, the solution is found here:
https://groups.google.com/forum/#!searchin/google-visualization-api/categoryfilter$20width/google-visualization-api/4EQenc_wscU/beLBhctVLU8J
I'm trying to set the width of a category filter, the declaration is here:
var systemFilter = new google.visualization.ControlWrapper({
controlType: 'CategoryFilter',
containerId: db+'_system_filter_div',
options:{
'filterColumnLabel': 'SYSTEM',
},
ui:{
'orientation': 'vertical',
'label': 'System',
'cssClass': 'modify'
}
});
And the relevant CSS I'm attempting to use is here :
<style>
.charts-inline-block.modify{
width: document.getElementById('baseline').width !important;
}
</style>
Where baseline is located within the body, seen here :
<div class="col-md-1" id="baseline">
<div id='TSL_system_filter_div'></div>
</div>
I'm pretty new when it comes to classes in CSS, so I'm pretty sure my class
is incorrectly named. I got the "charts-inline-block" name using Firefox's
Inspector..
Could anyone clarify on what I'm doing wrong?
Thanks & Regards,
Christian
--
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.
