Set size of range bands in LinearGauge?

7 posts, 0 answers
  1. Fred
    Fred avatar
    4 posts
    Member since:
    Aug 2013

    Posted 01 Apr 2014 Link to this post

    I have recently started to work with the LinearGauge control, but don't see a way to increase the size of the colored bands that define the ranges.  The bands are very thin, giving the gauge somewhat the appearance of a thermometer.  I would like thicker bands that are easier to see at a glance -- for a horizontal gauge, this would be a height increase in the bands; for a vertical gauge, a width increase.  The scale.rangeSize option accomplishes this for a RadialGauge, but is there any similar setting for a LinearGauge?  Alternatively, are there style settings that could do the same thing?

    Regards,
    Fred
  2. Fred
    Fred avatar
    4 posts
    Member since:
    Aug 2013

    Posted 02 Apr 2014 in reply to Fred Link to this post

    To answer my own question: The scale.rangeSize for RadialGauge objects also works for LinearGauge objects, solving the problem.

    While the two kinds of gauges are documented separately and presented as separate controls, it is clear that many of the settings described only for one kind also work for the other.  The KendoUI documentation should be changed to reflect this.

    Fred
  3. Kendo UI is VS 2017 Ready
  4. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 03 Apr 2014 Link to this post

    Hello Fred,

    Thank you for the reporting this issue. I will update the documentation.

    I have updated your telerik points.

    Regards,
    Hristo Germanov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Jeff Benson
    Jeff Benson avatar
    4 posts
    Member since:
    Apr 2010

    Posted 27 May in reply to Hristo Germanov Link to this post

    I'm using the latest Kendo UI MVC release (2016.2.504). I too wanted to set the rangeSize for linear gauge but, despite the documentation, the option no longer seems to be available via HTML or MVC helper. Has the ability to change the size of the range bands in the linear gauge been removed in a recent release? The 2016.1 release has the same issue.
  6. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 30 May Link to this post

    Hello Jeff Benson,

    The scale.rangeSize option is still available in the widget. Here is a small example of it in action.

    Regards,
    Dimiter Madjarov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Jeff Benson
    Jeff Benson avatar
    4 posts
    Member since:
    Apr 2010

    Posted 31 May in reply to Dimiter Madjarov Link to this post

    Thanks Dimiter. I was able to run the example code in my project. I would like to point out that, unlike the Radial Gauge, there are no MVC LinearGaugeBuilder functions for setting RangeSize or RangeDistance. This is regrettable but not an insurmountable issue.

    However, I also found that the scale.rangeSize option is ignored when it is set to a value of zero (both the linear and radial gauges). For my customized linear gauge I was hoping to set a series of range values but hide the range bands from being displayed. The idea is to change the color of the value bar to match the range color when the value falls within a particular range. All the other linear gauge UI elements - line, ticks, labels, etc. can be easily hidden but the range band is always visible when one or more ranges are defined. Is there a style element one can set to hide the range band UI even when ranges are defined?

    Jeff

  8. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 01 Jun Link to this post

    Hello Jeff Benson,

    This behavior could be configured by applying an opacity property to the ranges. Setting it to zero will hide them. Here is the updated example.

    Regards,
    Dimiter Madjarov
    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