LinearGauge
Styling
Features
Sample
Description
In this example, we have added the "custom-gauge" CSS class to LinearGauge, and define CSS rules to create an orange pointer.
Source
StylingController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class LinearGaugeController : Controller { public ActionResult Styling() { return View(); } } }
Styling.cshtml
@section Styles{ <style> .custom-gauge .wj-pointer path{ fill: #ffa500; stroke: #cd853f; } </style> } @(Html.C1().LinearGauge() .Min(0).Max(10).Value(5) .Width(500).CssClass("custom-gauge") ) @section Description{ @Html.Raw(Resources.LinearGauge.Styling_Text0) }
Documentation