Telerik UI for Windows Phone by Progress

The gauge components for windows phone provide design-time support via a custom popup window that opens when a gauge is selected.

The support consists of a gallery of pre-defined gauge designs so that users do not have to write their gauges from scratch. They can simply reuse a design from the gallery or modify it to fit their requirements.

In order to use the design-time support a RadGauge object needs to be declared first:


In order to use RadGauge a reference to Telerik.Windows.Controls.DataVisualization.dll needs to be added and the following namespace needs to be declared:


After RadGauge is declared it has to be selected (if it is not selected by default for some reason) and a small gauge icon will appear at the top right edge of the gauge object. It looks like this:

design-time Icon

When the user clicks the icon, a popup will appear that looks like this:

design-time Popup

The pre-defined gauge designs can be selected by clicking on the expanders and selecting an item from the available.

This will cause XAML code to be generated and placed inside RadGauge.


RadGauge is a high level object which serves as a container for gauge ranges. It is a content control and can thus contain anything but it provides four properties that make its usage as a gauge more common. These properties are MainIndicator, MinValue and MaxValue, and Value.

MainIndicator should be set to the main indicator of a gauge range(the user decides which one it is). Once a main indicator is selected, setting or getting the MinValue and MaxValue properties will cause the parent range of the main indicator to receive the values of those properties.

Setting the Value property will cause the value to be set on the main indicator. Setting the value property of the RadGauge object or on its main indicator has the same effect.