This is a migrated thread and some comments may be shown as answers.

How to not allow user from increment and decrement of number in numeric textbox on grid

1 Answer 591 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Vinod
Top achievements
Rank 1
Vinod asked on 17 Sep 2019, 10:50 AM

Hi, 

Please suggest a way to not allow user from incrementing and decrementing numeric value on number spinner on Grid filter numeric text box. 

Regards,

Vinod

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 18 Sep 2019, 07:43 AM

Hello, Vinod,

A possible approach is to use a custom filterCell, and to set the spinners prop of the NumericTextBox used for filtering to false. This will remove the un and down arrows:

https://www.telerik.com/kendo-react-ui/components/inputs/api/NumericTextBoxProps/#toc-spinners

https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-filtercell

Another option is to just disable them with CSS:

https://stackblitz.com/edit/react-j6cxyc?file=index.html

.k-link-increase {
  pointer-events: none;
}

.k-link-decrease {
  pointer-events: none;
}

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Vinod
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or