AnnotationChart and Bootstrap3

[makro]

Hi,
I'm trying to create an  AnnotationChart on a page including Bootstrap3 css.

the problem is that AnnotationChart creates a div with class "google-visualization-atl container".
container class is a bootstrap's base class for content... so my chart has always wrong margin/padding and it isn't responsive  at all.

Any ideas?

[Daniel LaLiberte]

Hi Makro,

At this point, there is nothing you can do.  Even though the AnnotationChart only uses qualified CSS selectors itself, it can be affected by unqualified selectors of other libraries, such as Bootstrap apparently.  So we will have to avoid use of generically named classes like 'container'.  Expect this is the next release.

--
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 google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Wallace Turner]

Hi Daniel, 

this problem still exists today; will it be fixed or is there a work around ?

On Monday, 15 June 2015 21:33:16 UTC+8, Daniel LaLiberte wrote:

Hi Makro,

At this point, there is nothing you can do.  Even though the AnnotationChart only uses qualified CSS selectors itself, it can be affected by unqualified selectors of other libraries, such as Bootstrap apparently.  So we will have to avoid use of generically named classes like 'container'.  Expect this is the next release.

On Mon, Jun 15, 2015 at 4:17 AM, makro <mak...@gmail.com> wrote:

Hi,
I'm trying to create an  AnnotationChart on a page including Bootstrap3 css.

the problem is that AnnotationChart creates a div with class "google-visualization-atl container".
container class is a bootstrap's base class for content... so my chart has always wrong margin/padding and it isn't responsive  at all.

Any ideas?

--
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 google-visualization-api+unsub...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA