Thanks for your comments Christian. We need to spend some time to clean up the CSS for controls and charts.
On Mon, Jun 29, 2015 at 2:37 PM, Christian Alexander <[email protected]> wrote: > For anyone wondering, I found a solution. > > span.charts-combobox.charts-inline-block{ > width: 80px; !important; > } > > Will hardcode the width of the box, but you also need to resize the input. > > input.label-input-label{ > width: 78px; > } > > The 78px will align with the button below. It's not the most attractive > solution, but for my case it works. > > > On Monday, June 29, 2015 at 11:14:30 AM UTC-4, Christian Alexander wrote: >> >> 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. > -- 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.
