New to Telerik UI for ASP.NET Core? Download free 30-day trial

Remove Spinners from NumericTextBox Editors in the Grid


Product Grid for Progress® Telerik® UI for ASP.NET Core
Product Version 2017.3.913


How can I remove the spinners from the editor of a "[DataType("Integer")]" field in the Telerik UI Grid for ASP.NET Core?


  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.

To see the end result, refer to this screenshot.

See Also

In this article