Fails to increment by .5

Hey!

I need the increment step on the textbox to be by 0.5.

<input id='anzahlKinder' type='text' ej-numerictextbox value='1'
[incrementStep]='incrementStep' />

constructor() {
this.incrementStep = 0.5;
}

When I click on the spinner, it goes straight to 2 - if I then click down on the spinner it goes back to 1.5. This only works when clicking down. Also, it takes two clicks to go down one more which then is -0.5 again.

What might cause this?



3 Replies

AB Ashokkumar Balasubramanian Syncfusion Team February 19, 2018 11:57 AM UTC

Hi Paul Kocher,    
    
You can display the “NumericTextbox” value as fraction by using 'decimalPlaces' API of NumericTextbox component. By default, “decimalPlaces” value is zero. If you have set the incremental step as fraction, specify the number of fraction digits in “decimalPlaces” property in order to get the desired changes in your sample. Please refer to your modified code block.     
    
<input ej-numerictextbox type="text" [incrementStep]="0.5" [name]="numeric"  [value]="1"[decimalPlaces]="1"/>    
       
To know more details about the decimalPlaces property, please refer the below link.    
    
    
For your reference, we have prepared a simple sample on this and it can be downloaded from the following location:    
    
Sample     
    
Please let us know if you have any other concerns.    
    
Regards,    
Ashokkumar B.    
 



PK Paul Kocher February 20, 2018 10:22 AM UTC

Hello Ashokkumar,

thanks for clarifying that. Everything works now


AB Ashokkumar Balasubramanian Syncfusion Team February 21, 2018 09:54 AM UTC

Hi Paul Kocher, 
 
Most Welcome. 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Ashokkumar B. 


Loader.
Up arrow icon