Disable tooltip gradients.

3 posts, 1 answers
  1. Jos
    Jos avatar
    4 posts
    Member since:
    Feb 2012

    Posted 29 Aug 2013 Link to this post

    Hello,

    I wonder how I can disable the gradient for tooltips.
    I know I can disable chart gradients by setting:
    seriesDefaults: { overlay: {gradient: null} }
    But this doesn't work for tooltips.

    Any advice would be greatly appreciated.
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 29 Aug 2013 Link to this post

    Hello Jos,

    You could achieve this using the following CSS rule:

    <style>
    .k-chart .k-tooltip{
       background-image: none;
    }
    </style>
    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Jos
    Jos avatar
    4 posts
    Member since:
    Feb 2012

    Posted 01 Sep 2013 Link to this post

    Thanks!

    This solution works. I just needed to add the !important attribute.

    .k-chart .k-tooltip {
        background-image: none !important;
    }

    But this probaply has to do with the order in which the css files are loaded.
Back to Top