New to Kendo UI for jQuery? Download free 30-day trial

Remove Spinners from NumericTextBox Editors in Grid for ASP.NET MVC


Product Progress Kendo UI Grid for ASP.NET MVC
Progress Kendo UI version Created with the 2017.3.913 version


How can I remove the spinners from the editor of a "[DataType("Integer")]" field?


  1. Under Views/Shared/EditorTemplates, add a .cshtml file with the following definition:


    @model int?
    @(Html.Kendo().NumericTextBoxFor(m => m)
          .HtmlAttributes(new { style = "width:100%" })
  2. Open the model that you are editing in the Grid.

  3. Add a [UIHint("NoSpinners")] annotation to the integer field which does not show spinners:

    [DisplayName("Units in stock")]
    [Range(0, int.MaxValue)]
    public int UnitsInStock
  4. 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.

See Also

In this article