Welcome back to XAMLflix. This week we’ll take a look at RadGauge for Silverlight and WPF.

XAMLFlix is Telerik’s way of teaching you how to use both new and existing controls from Telerik’s XAML suite. Every Tuesday and Thursday, we provide a fresh batch of videos and sample projects highlighting a different control, and on Wednesdays we provide a written tutorial.

Since our Silverlight and WPF controls share a common codebase and API, you only have to learn how to use these controls once! You can simply copy and paste the code between frameworks.

Be sure to check out www.telerik.com/xamlflix for all the videos!

RadGauge – This week we have four videos illustrating different aspects of RadGauge.  RadGauge allows you to create stunning and informative User Experiences, providing a visual representation of data that is immediately understandable.  RadGauge comes in a number of “flavors” and we’ll examine them in today’s videos.

  • RadRadialGaugeWe take a look at how to create the radial gauge, how to create the indicators on the gauge and how to set their values.  The radial gauge is a beautiful visual representation not unlike the Tachometer or Speedometer on many cars.  Along the way we show how to use the needle and the pinpoint and how to represent one or more values. (Download the project!)
  • RadHorizontalLinearGauge Once again we look at how to create the gauge, how to set  its indicator and its values.  In this case we create a numeric gauge and set its values. In this video we set the scale objects with relative heights and widths.  This gives us a digital gauge with immediately understandable output. (Download the project!)
  • RadVerticalLinearGaugeAs previously, we begin by creating the gauge, creating its indicator and setting its value.  The linear gauge stands up with values indicated on the right and/or left hand side and the value pointed to with an indicator.  We look at placing the scale inside or outside the body of the gauge, and creating major and minor ticks for the values measured by the gauge. (Download the project!)
  •  Creating a ThermometerWe use advanced features of the RadVerticalLinearGauge to create a thermometer with both Celsius and Fahrenheit scales.  To do this, we’ll create two scales: one for Celsius (-30 to 40 degrees) and a Fahrenheit scale (-22 to 104 degrees).   We will set the major tick marks as well as their thickness and location and relative height.  We’ll use middle ticks to have two ticks between each major tick.  The minor ticks will be not be used in this example.    We will also use custom fonts and colors and we’ll use a path to create the bulb at the bottom of the thermometer. (Download the project!)

Wrap-Up & Share Your Thoughts

Telerik XAMLflix for WPF controls Hopefully you’ve seen here just how quickly and easily you can add RadGauges in your next line-of-business application. And as a reminder, this is only one of controls offered in the Silverlight/WPF suite. So, feel free to download your own copy of the Silverlight and WPF control suite right now.  

Also, tell us what you want to see in the future. Whether it is new controls, additional features or content based off of existing controls, drop a comment in this post.

About the Author

Jesse Liberty

 has three decades of experience writing and delivering software projects. He is the author of 2 dozen books and has been a Distinguished Software Engineer for AT&T and a VP for Information Services for Citibank and a Software Architect for PBS. You can read more on his personal blog or follow him on twitter