This is a migrated thread and some comments may be shown as answers.

Transparent background not working IE7,8

8 Answers 268 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Alanm
Top achievements
Rank 2
Alanm asked on 29 Mar 2012, 11:33 AM
Hi,

setting the background as transparent:

chartArea: {
    background: "transparent"
},

works like a charm in IE9 and FF but doesn't work in IE7 or 8.  They both set the background a solid black instead.

Thanks.

8 Answers, 1 is accepted

Sort by
0
Alanm
Top achievements
Rank 2
answered on 29 Mar 2012, 11:38 AM
OK solved my own problem, the correct syntax is actually empty quotes, not transparent.

chartArea: {
    background: ""
},
0
Ian
Top achievements
Rank 1
answered on 04 Apr 2012, 10:31 AM
Hi,
Useful post - I came across exactly the same issue.

It's probably worth mentioning this in the Kendo documentation as you are led to believe elsewhere that valid CSS colour names can be used for specifying backgrounds.

Regards, Ian
0
RLCreative
Top achievements
Rank 1
answered on 04 Apr 2012, 08:12 PM
I cannot achieve a transparent plot area for a bar graph using this method in IE or Firefox.
0
T. Tsonev
Telerik team
answered on 05 Apr 2012, 01:19 PM
Hello,

Instead of documenting it we decided to, well, fix it. "Transparent" will work in future versions, including internal builds.

Thanks for reporting, Alan. I've updated your Telerik points as a token of gratitude.

@RLCreative - I've prepared a simple page that shows transparent background in IE and Firefox - http://jsbin.com/onenif/5/

Greetings,
Tsvetomir Tsonev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Paul
Top achievements
Rank 1
answered on 05 Apr 2012, 09:37 PM
Just an FYI here - This fails in Opera as well.  Tried Opera 12.62, as well as Opera Mobile.

            chartArea: {
               background: "transparent",
               height: 250
            }
0
T. Tsonev
Telerik team
answered on 10 Apr 2012, 07:25 AM
Hi,

Thanks for the heads up, Paul. We'll investigate the problem in Opera.

I've updated your Telerik points.

Greetings,
Tsvetomir Tsonev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dave
Top achievements
Rank 1
answered on 25 Jan 2014, 01:13 AM
As of version v2013.2.918  blank string or "transparent" do NOT result in a chart area that is transparent.

Tested in FF 26 and Chrome 32.0.1700.76
 
I'm using the Flat theme.
0
Iliana Dyankova
Telerik team
answered on 27 Jan 2014, 01:26 PM
Hi Dave,

I tested this scenario in both Firefox and Google Chrome using v2013.2.918, however the transparent background is applied as expected (short screencast capture). For your convenience here is a simple jsBin example - could you please edit it and show me your current implementation? This way I would be able to check what exactly is going wrong and advice you further. 

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Alanm
Top achievements
Rank 2
Answers by
Alanm
Top achievements
Rank 2
Ian
Top achievements
Rank 1
RLCreative
Top achievements
Rank 1
T. Tsonev
Telerik team
Paul
Top achievements
Rank 1
Dave
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Share this question
or