react-wednesdays-stream-cover

Creating a Thermometer with VerticalLinearGauge Hide this title

We 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

About Blazor Power Hour 

One hour of pure Blazor goodness with Ed Charbeneau. Learn to build Blazor apps, catch neat Blazor tricks and up your coding game. Every Wednesday at 10 am ET live on CodeItLive. 

Follow CodeitLive on Twitch

About your host

edcrop
Ed Charbeneau
large-wavy-decor-lightblue

Watch Recent Episodes

bg

Interested In Other Shows?

Explore All
logo