LinearGauge
Displaying Values
This example demonstrates how to use the ShowText properties with the LinearGauge controls.
Features
Settings
ShowText: All
Description
This example demonstrates how to use the ShowText properties with the LinearGauge controls.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | using System.Collections.Generic; using Microsoft.AspNetCore.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class LinearGaugeController : Controller { public ActionResult ShowText() { ViewBag.DemoSettings = true; ViewBag.DemoSettingsModel = new ClientSettingsModel { Settings = CreateShowTextSettings() }; return View(); } private static IDictionary<string, object[]> CreateShowTextSettings() { var settings = new Dictionary<string, object[]> { {"ShowText", new object[]{"All", "Value", "MinMax", "None"}} }; return settings; } } } |
1 2 3 4 5 6 7 8 9 10 | @{ ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } <c1-linear-gauge id="@demoSettingsModel.ControlId" min="0" max="10" value="5" show-text="All" width="500px"> </c1-linear-gauge> @section Description{ @Html.Raw(LinearGaugeRes.ShowText_Text0) } |