Remove Spinners from NumericTextBox Editors in the Grid

Environment

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

Description

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

Solution

  1. 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)
    )
    
  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")]
    [UIHint("NoSpinners")]
    [Range(0, int.MaxValue)]
    public int UnitsInStock
    {
        get;
        set;
    }
    
  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
Not finding the help you need? Improve this article