Radial Gauge Bezel Customization

2 posts, 0 answers
  1. Nicklas
    Nicklas avatar
    45 posts
    Member since:
    Oct 2012

    Posted 25 Feb 2014 Link to this post

    Is there any way to customize the Radial Gauge Bezel?  Specifically I would like to be able to change the stroke and color, like shown in the attached image.
    I've achieved this by changing the stroke and fill color values in chrome developer console like this:
    <path style="display: block; " d="M 21.748 348.065 A230 230 0 1,1 448.252 348.065 L 434.345 342.445 A215 215 0 1,0 35.655 342.445 z" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#d2d3d6" stroke="#9c9b9b"></path>

    Is there a way to set this by default, so it renders all path sections like this (Note only top part of radial bezel is colored in this image, and not the yellow and red parts)? We're really in need of this functionality, and we've been looking for it for a _long_ time. 

    Thanks in advance :)

    Regards,
    Nicklas
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 26 Feb 2014 Link to this post

    Hi Nicklas,

    I am afraid the discussed features are still not available in Kendo UI Radial Gauge and there is no a suitable workaround I can suggest. Please accept our apologies for any inconvenience this may cause.

    Regards,
    Iliana Nikolova
    Telerik
  3. Kendo UI is VS 2017 Ready
Back to Top