We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Hide the arrows to increase or decrease a value in a numeric edit

Hello;


I'm looking for a way to hide the arrows to increase or decrease a value in a numeric edit. 


While searching in the documentation and on the forum I found information about the use of the "ShowSpinButton" option, but in MVC it does not seem to work.

Below is the excerpt of my code allowing the generation of my table.


Thanks in advance


1 Reply

RS Rajapandiyan Settu Syncfusion Team January 6, 2023 12:05 PM UTC

Hi Chaffois,


Thanks for contacting Syncfusion support.

By using the following code, you can hide the spin button of Numeric Edit component.


Edit params: https://ej2.syncfusion.com/aspnetmvc/documentation/grid/editing/edit-types#restrict-to-type-decimal-points-in-a-numerictextbox-while-editing-the-numeric-column
showSpinButton: https://ej2.syncfusion.com/javascript/documentation/api/numerictextbox#showspinbutton


    col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").Edit(new { @params = new Syncfusion.EJ2.Inputs.NumericTextBox() { ShowSpinButton = false }}).Add();


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/mvc_grid_numericEdit_showSpinButton-1382279082.zip


Regards,

Rajapandiyan S


Loader.
Live Chat Icon For mobile
Up arrow icon