Google "Chart Editor" display is too small - anyone else having this issue?

[Melissa Bollen]

I'm getting weird behavior with the Google "Chart Editor" in both Chrome and Firefox (I haven't tried any other browsers). I've attached a screenshot, and I can reproduce the issue on Google's own example of the Chart Editor: https://developers.google.com/chart/interactive/docs/reference#example_7.

Basically, a lot of the controls are "scrunched" and not being given as much space as they actually need. I can't find any references to other people having this issue, and there's not any obvious way to simply specify that the editor should take up more space...

It'd be helpful to know if it's a local issue, or if others are experiencing this too. A solution would be even better, of course :)

Cheers,

 - Melissa

[Daniel LaLiberte]

Melissa,

It would appear you have found a bug in the ChartEditor.  I would guess the CSS file is not in sync with what the ChartEditor requires, though it will take some investigation to find out why and fix it.  

The problem doesn't appear when using it with the latest version, however:  https://jsfiddle.net/dlaliberte/29tefs26/

So it might only be a problem in the documentation page.  

--
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 https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/6b020c2d-3109-465e-a468-8d6db115613c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte

dlaliberte@Google.com   5CC, Cambridge MA

[Gabriela Tepor]

Hi Mellisa,

 I have the same error and I did not find the solution to fix it...Have you found a solution and can you share it, please?

Thank you

[Melissa Bollen]

I ended up just overriding the CSS directly. These are the main adjustments I made. You can probably use Inspect Source / Firebug / etc. to find the other CSS class names if you need to make additional changes :)

.google-visualization-charteditor-dialog {

    height: auto !important;

    width: auto !important;

}

.google-visualization-charteditor-dialog .goog-flat-menu-button {

    height: auto !important;

}

.google-visualization-charteditor-name-input {

    height: auto !important;

}

.google-visualization-charteditor-preview-td {

    top: auto !important;

}

.goog-toolbar-combo-caption-gecko

{

    margin-top: 0 !important;

[Gabriela Tepor]

Thank you so much for you answer! Have a nice day, Mellisa!

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/r3YkcyREGg4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/7de7b0d8-9de1-4e9f-9b8f-4a3b436831ed%40googlegroups.com.