Transparent background not working IE7,8

9 posts, 0 answers
  1. Alanm
    Alanm avatar
    18 posts
    Member since:
    Mar 2007

    Posted 29 Mar 2012 Link to this post

    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.
  2. Alanm
    Alanm avatar
    18 posts
    Member since:
    Mar 2007

    Posted 29 Mar 2012 Link to this post

    OK solved my own problem, the correct syntax is actually empty quotes, not transparent.

    chartArea: {
        background: ""
    },
  3. Kendo UI is VS 2017 Ready
  4. Ian
    Ian avatar
    129 posts
    Member since:
    Jun 2009

    Posted 04 Apr 2012 Link to this post

    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
  5. RLCreative
    RLCreative avatar
    1 posts
    Member since:
    Apr 2012

    Posted 04 Apr 2012 Link to this post

    I cannot achieve a transparent plot area for a bar graph using this method in IE or Firefox.
  6. T. Tsonev
    Admin
    T. Tsonev avatar
    2770 posts

    Posted 05 Apr 2012 Link to this post

    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!
  7. Paul
    Paul avatar
    102 posts
    Member since:
    Jun 2010

    Posted 05 Apr 2012 Link to this post

    Just an FYI here - This fails in Opera as well.  Tried Opera 12.62, as well as Opera Mobile.

                chartArea: {
                   background: "transparent",
                   height: 250
                }
  8. T. Tsonev
    Admin
    T. Tsonev avatar
    2770 posts

    Posted 10 Apr 2012 Link to this post

    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!
  9. Dave
    Dave avatar
    17 posts
    Member since:
    Jan 2009

    Posted 24 Jan 2014 Link to this post

    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.
  10. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 27 Jan 2014 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready