Hello,
I'm creating a Numeric Textbox that should be able to accept Empty. How do I add a ClearValue button in a Numeric Textbox?
In one of the recent releases (not sure from which release), even if we remove role SpinButton using renderer2.removeAttribute, in the ngAfterViewInit life cycle hook, after the kendo numeric textBox is rendered, the role spinButton is not going away from Kendo Angular Numeric TextBox. Any settings we need to do if we do not want this role?
What i tried can be seen in the sample below https://stackblitz.com/edit/angular-vfzhozgv . This is for 18.2.0. But, may be already working fine in latest version
Hello,
We encountered a problem inside our app while using the kendo-treelist component.
As shown in the video attached, we use a template to edit the values in the tree, which is either kendo-dropdownlist or kendo-numerictextbox. At the press of the kendo-icon-wrapper, which contains that arrow SVG icon (for increasing/decreasing the value or selecting from the dropdown), the whole row will either collapse or expand depending on the current state that it has.
From debugging, we believe that because the same SVG icon has been used, it might trigger the collapsing/expanding.
After adding a kendo-icon-wrapper component inside that cell, we could observe the same behaviour when pressing next to the 'test' text.
We are looking for a solution to this problem.
Thank you in advance.
Hello,
I am trying to implement a directive to prevent changing the values on the client side when an input is disabled. It works perfectly on a native HTML element, but not completely when used on a Kendo UI element such as datetime picker or numeric textbox.
@HostListener('keydown', ['$event'])
onKeydown(event: KeyboardEvent): void {
if (this.appCustomDisabled) {
// Prevent arrow keys (Up/Down) from changing the value
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
event.preventDefault();
event.stopImmediatePropagation();
}
// Prevent any other key presses or changes
event.preventDefault();
event.stopImmediatePropagation();
}
}
@HostListener('input', ['$event'])
onInput(event: Event): void {
if (this.appCustomDisabled) {
event.preventDefault(); // Prevent any changes to the input
event.stopImmediatePropagation();
}
}
@HostListener('wheel', ['$event'])
onWheel(event: WheelEvent): void {
if (this.appCustomDisabled) {
event.preventDefault(); // Prevent the mouse wheel action
event.stopImmediatePropagation();
}
}
mouse wheel and key inputs are successfully prevented, but arrow up/down keys are still changing the value. How do I prevent them from changing the value?
My main goal is to prevent the user as much as possible from modifying the value of a disabled input because the disabled=true approach can be easily bypassed from the devtools.
I want to display the number in the following format
1000000 => 1 000 000
<kendo-numerictextbox id="quota"
[min]="-1000000"
[max]="1000000"
[decimals]="0"
[format]="'n0'"
[autoCorrect]="true"
/>
What needs to be done for this?
Does the kendo-numerictextbox support tooltips? I cant seem to find any documentation on it.
The placeholder wont do as its gone after text is typed.
Hi, we are looking for the input, dropdowns which has this outline design in the material theme but we are not able to find it.
It'd have been better if we have this.
something like this https://codepen.io/finnhvman/pen/xyOORQ
Thanks.
I have a very specific requirement that among others, asks to let the user input the decimal numbers the way they want.
Example:
User input:
1 -> display as 1
1.00 - > display as 1.00
I know there is no default pattern for it, but I can't even listen to the event of ValueChange when the user types "1.0". There is an event for "1" but nothing for ".0"