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

Removing Spinners from NumericTextBox Editors in the Grid


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


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


  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.

More ASP.NET Core Grid Resources

See Also

In this article