Telerik Forums
Kendo UI for Angular Forum
1 answer
37 views

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?

Hetali
Telerik team
 answered on 05 May 2025
1 answer
33 views

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

Martin Bechev
Telerik team
 answered on 28 Mar 2025
1 answer
47 views

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.

Martin Bechev
Telerik team
 answered on 28 Mar 2025
0 answers
192 views

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.

Waseem
Top achievements
Rank 1
 asked on 19 Nov 2024
1 answer
108 views
I have a question on this, i have a service in my application that is switching the language of website (including this
(<CldrIntlService>this.intlService).localeId = language;
Also i have some kendo-numerictextbox in my project that need to be force set to USA currency format always, how can i achieve this.
Martin Bechev
Telerik team
 answered on 07 Oct 2024
0 answers
668 views

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?

Dmitry
Top achievements
Rank 1
 asked on 13 Oct 2023
1 answer
425 views

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.

Yanmario
Telerik team
 updated answer on 01 Sep 2023
0 answers
156 views
I am using MaskedTextbox and NumericTextbox for our form but i don't see any template to add prefix and suffix icon as regular kendo textbox, please let me know if they will have their own template 
Huynh
Top achievements
Rank 1
 updated question on 06 Jul 2023
1 answer
430 views

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.

0 answers
98 views

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"

Bruno
Top achievements
Rank 1
 asked on 15 Aug 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?