blue lines in Google Org Chart API

[Andrew Koper]

I am using Google Org Chart API to receive some JSON data and render an org chart. There are blue lines across the rows of nodes in Chrome. What is the fix for these to go away?

[Jeremy Faller]

We've seen this occasionally, but haven't tracked it down.

If you're using a jsfiddle, you can check the "normalize css" button, and it should go away. Similarly, you could copy/include this "http://jsfiddle.net/css/normalize.css" and it might clear up the problem.

Is that helpful?

[Daniel LaLiberte]

Sorry Andrew.  I communicated the fix ambiguously to Jeremy.  It's the other way around. If you are using jsfiddle, you need to unselect the Normalized CSS option.    If you are not using jsfiddle, but some other CSS resetter, that is probably the source of the conflict.  If neither of these ideas help, then you'll need to point us at a page that demonstrates the problem you are seeing so we can help you further.

dan

--
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

[Andrew Koper]

Thank you for the input.  I am developing on localhost (with Laravel(PHP)), so there is no public URL.  I am using Bootstrap 3 for styling.  I am also calling in JQuery and JQueryUI for some components.  

- Andrew

On Saturday, March 22, 2014 5:34:17 PM UTC-4, Andrew Koper wrote:

[asgallant]

If I recall correctly, Bootstrap has some normalizing CSS, which is the cause of the blue lines.  Use the DOM inspector in Chrome or Firefox to analyze the styling and structure of the OrgChart; I suspect that you will find a style on <td>'s or <tr>'s that creates the blue lines.

[Marat Zhalbyrov]

Add this style. It's solve my issue with blue lines across the rows of nodes.

<style>

table{

border-collapse: separate !important;

}

</style>

[ian.s....@googlemail.com]

This fixed worked for me.  Added to a 'mystyle.css' so i didnt have to change any of the existing bootstrap/ace CSS files.

Many thanks +1 internet points to you.

[Masheika Allen]

Thank you Marat.  You Rock!!

Masheika Allen

[Yakeshia Jenkins]

Thanks. It worked.