For the NumericTextBox Wrapper Component there is the following page which allows the setting and restriction of decimals within the NumericTextBox input.
For the NumericTextBox Native Component I can only find the Formats page which doesn't tell anything about the Precision of Numbers as for the Wrapper Component.
Can I only use the format prop for this by using a custom format (generated based on different regex'es) or is the old functionality related to the decimals and restrictDecimals props also available for the Native Component?
If not, how can I dynamically set or restrict the amount of numbers and decimals within the Native Component?
Hi i want to ask about currency format number like in this demo Link
so i already implement currency format in input kendo ui component but still fail to remove currency symbol
is there any reference from doc? and also where is the list of locales code for currency format?
here is my setup code for currency format
},
When a user enters trailing zeros I want the Numeric Textbox to keep them.
Here's an example of what I mean:
https://stackblitz.com/edit/kb6qcu?file=src/main.vue
Enter 17.00001, it keeps the decimals correct
Enter 17.00000, it removes all trailing zeros
Is it possible to configure the NumericTextbox to keep trailing zeros when the user explicitly enters them?
I am experimenting with integrating the Kendo UI for VUE components into our application to see if we can use this library within our company.
As a test I used the NumericTextBox input. This works fine until I change to another culture, nl-BE in my case. This culture uses a comma as the decimal separator instead of a dot.
When I focus the field and enter a number with 2 decimals (e.g. 100,25), then the decimal numbers are removed when I move focus out of the input. Seems like the formatting logic is dropping them. If I try a second them it will accept them, but behaviour is miss and fire. It might go wrong on another attempt.
I forked the NumericTextBox input demo to demonstrate the issue:
https://stackblitz.com/edit/6r5ytn
If I manually modify the numberFormat settings in the kendo.culture.nl-BE.js file and set to the English version it works fine.
Tested on Chrome, FireFox and Safari.
Hi All,
I'm testing the Kendo UI Vue-wrappers and notice an issue with the masked text box. When just loading the page, the input looks fine. But after entering data and exiting the field, the borders go away. First I thought I was doing something wrong, but then I noticed that example page does the same thing:
https://www.telerik.com/kendo-vue-ui/components/inputs/maskedtextbox/
This behavior, does not exists, for example, in the Angular version:
https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/
is this a bug and if so, where can I report it?
Thanks!
I am using kendo native calender for my project. I want to show months in calendar.
<template>
<div id="vueapp" class="vue-app">
<div class="example-config">
Number of rendered views:
<numerictextbox
:style="{ width: '230px' }"
:min="1"
:max="10"
@change="handleInputChange"
:value="views"
>
</numerictextbox>
</div>
<calendar :views="views" />
</div>
</template>
Currently I have a website that runs Kendo for jQuery which uses multiple cultures in the old Wrapper Components way. I want to re-use these files to change the culture of the new Kendo Native Components. Is that possible? If not, how can I do this with the new culture implementation.
Below I have added a Stackblitz with jQuery culture and Native Components which isn't working atm.