LinearGauge
Styling
In this example, we have added the "custom-gauge" CSS class to LinearGauge, and define CSS rules to create an orange pointer.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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(); } }} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | @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)} |