CSS fix for those of use who have weird positioning for NumberRangeFilter controls' labels in IE7

89 views
Skip to first unread message

asgallant

unread,
May 16, 2012, 11:24:26 AM5/16/12
to google-visua...@googlegroups.com
Sick of your NumberRangeFilters looking like this in IE7?


Use this CSS to fix it:

div.google-visualization-controls-slider-horizontal, span.google-visualization-controls-rangefilter-thumblabel {
position: relative;
float: left;
}

and it will look like this:

Much better.

Peter van Raamsdonk

unread,
May 16, 2012, 12:07:24 PM5/16/12
to google-visua...@googlegroups.com
OMG!

This is what I was looking for, I run IE8 with emulated IE7 mode.

Thanks!

Lost a lot of hairs and time.

Peter

Ps, the slider is sticky. After mouseup the drag event still occurs. I tried stopPropagation/ cancelBubble but to no avail. Should I add eventHandlers for this control?

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/dKiattEf8n8J.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

Reply all
Reply to author
Forward
0 new messages