LinearGauge
Styling
In this example, we added the "custom-gauge" CSS class to the LinearGauge, and define some CSS rules to create an orange pointer for both.
1 2 3 4 5 6 7 8 9 10 11 12 | using Microsoft.AspNetCore.Mvc; namespace MvcExplorer.Controllers { public partial class LinearGaugeController : Controller { public ActionResult Styling() { return View(); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | @section Styles{ <style> .custom-gauge .wj-pointer path{ fill: #ffa500; stroke: #cd853f; } </style> } <c1-linear-gauge min="0" max="10" value="5" class="custom-gauge" width="500px"> </c1-linear-gauge> @section Description{ @Html.Raw(LinearGaugeRes.Styling_Text0) } |