Value always rounded

[Lucas]

I'm facing an issue trying to show a percentage in numeric textbox, when I set the value for something like '2.74' it shows me '3' and the decimals are ignored. I already tried some of the solutions that i found on google, like set the 'round' attribute to false or set the 'decimals' attribute to the desired value, but nothing seems to work. 

Am I doing something wrong? If so, can someone show me the error?

<kendo-numerictextbox
*ngIf="servicoExibido.servicoLightModel.valPercCustos === 'P';else currency"
[format]="'p2'"
[(ngModel)]="porcentagemCustoGerais"
[spinners]="false"
[readonly]="true"
[round]="false"
[decimals]="2"
>
</kendo-numerictextbox>

[Hetali]

Hello Lucas,

Thank you for the snippet.

Upon replicating the issue observed by you, the decimal value was not rounded as seen in this StackBlitz example. The NumericTextBox component does not have the round property.

The built-in format 'p' multiplies the number by 100 to show the percentage value. To prevent the number from multiplying, use the '#' specifier as described in this GitHub page to define the custom format. For example:

<kendo-numerictextbox
  [format]="'##.## \\\\%'"
  [(ngModel)]="porcentagemCustoGerais"
  [spinners]="false"
  [readonly]="true"
>
</kendo-numerictextbox>

In this StackBlitz example, the value 2.74 is not rounded off and is shown as a percentage value. However, if you continue to face the issue, could you please update the example such that it replicates the behavior observed by you? I will then investigate.

Please let me know if this information helps or if I can further assist you.

Regards,
Hetali
Progress Telerik

[Lucas]

HI Hetali,

Thank you for the reply.

I think I was not clear about my question, so sorry for that. My problem is that when i put a number like 0.0274 it would me show 3% instead of 2.74%, I saw the github page and i think it's possible using 

formatNumber(0.5678, "p2", "de")

 

I believe what i need is the "de" parameter, but i don't know how to implemet it on the kendo-numerictextbox, is this the equivalent of 

[decimals]="decimals"

 

or is something else?

 

Regards,

Lucas

[Hetali]

Hello Lucas,

Thank you for the additional details.

By setting the format of the Kendo UI NumericTextBox using the built-in 'p' specifier to 'p2', the value 0.0274 will be shown as 2.74%. The number after 'p' is used to define the decimal places (2 in your case). The format 'p' will show the value as 3% as seen in this updated StackBlitz example.

The 'de' in the following syntax represents the language code for German. 

formatNumber(0.5678, "p2", "de");

I hope this information helps. Let me know if you have any further questions pertaining to this case.

Regards,
Hetali
Progress Telerik