# Customize Appearance

Develop powerful and lightweight web applications using ASP.NET MVC controls. Learn more about the ComponentOne MVC controls in ASP.NET MVC documentation.

## Content



You can add colors and borders to the gauge and its elements to make it visually attractive. The following code examples demonstrate how to set different styling properties to customize the RadialGauge.

The following image shows how the [RadialGauge](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.RadialGauge.html) appears after its appearance is customized.

![](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/gaugecustomizeappearance.png)

The following code example demonstrates how to customize the gauge in ASP.NET MVC Edition using Razor. The example uses the sample created in the [RadialGauge Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/Gauge/gaugesquickstart/gaugeQuickStartRadialGauge) section.

```razor
// Create and Customize Ranges
     .Ranges(items => items
          .Add(item => item.Min(0).Max(40).Color(System.Drawing.Color.Red))
          .Add(item => item.Min(40).Max(80).Color(System.Drawing.Color.Yellow))
          .Add(item => item.Min(80).Max(100).Color(System.Drawing.Color.Green))
          )
```