Remove Spinners from NumericTextBox Editors in Grid for ASP.NET MVC
Environment
Product | Progress® Telerik® UI Grid for ASP.NET MVC |
Product Version | Created with the 2017.3.913 version |
Description
How can I remove the spinners from the editor of a "[DataType("Integer")]"
field?
Solution
-
Under
Views/Shared/EditorTemplates
, add a.cshtml
file with the following definition:NoSpinners.cshtml
@model int? @(Html.Kendo().NumericTextBoxFor(m => m) .HtmlAttributes(new { style = "width:100%" }) .Spinners(false) )
Open the model that you are editing in the Grid.
-
Add a
[UIHint("NoSpinners")]
annotation to the integer field which does not show spinners:[DisplayName("Units in stock")] [UIHint("NoSpinners")] [Range(0, int.MaxValue)] public int UnitsInStock { get; set; }
Make sure that the
NoSpinners
string matches the name of the editor template file.
For e reference of the end result, refer to this screenshot.