Hello,
We use kendo for Vue and tried implementing a DateInput element in our Vue app.
When we try to use this element on a smartphone, we hoped it will use the OS date input, just like it works with any <input> element of type “date”. But we found it is rendered as type “text”.
This means the UX is not as good as we hoped it will be.
Is there a way to render it as <input> of type “date” so it will behave accordingly?
https://www.telerik.com/kendo-vue-ui/components/dateinputs-wrapper/dateinput/
Thanks,
Ron.
I know ListBox probably doesn't support this out of the box but I'm really struggling to find a solution to my problem.
I would like to customize the item template to contain a checkbox and a text input when it is moved to the right ListBox. I am able to put a checkbox and input in there no problem but I can't get the textbox to focus when clicked.I would also like to bind its value to the dataItem but I'm sure I can figure that part out once I'm able to actually type in the box.
Here is a Dojo demonstrating the problem:
https://dojo.telerik.com/eZuKoMoh/2
Hello
I'm using the kendo Vue wrapper to implement a grid. I want to have the first column of my grid to be a checkbox column so i can select rows. As the docs suggested I wrote a selectable="true" kendo grid colomn. But no checkboxes are visible, I checked the DOM and it's because there are only input type checkbox tags with class "k-checkbox" added and not the nessecary labels with class "k-checkbox-label". I'm not sure if I'm missing something or the kendo grid column with binding :selectable isn't working properly.
<
kendo-grid
ref
=
"vehicleGrid"
:data-source-ref
=
"'vehicleDataSource'"
:groupable
=
"true"
:sortable
=
"true"
:resizable
=
"true"
>
<
kendo-grid-column
:selectable
=
"true"
:width
=
"50"
></
kendo-grid-column
>
...Other columns....
</
kendo-grid
>
Thanks for helping me!
Kind regards
I'm trying to combine 2 Kendo Dropdowns + 1 Kendo Input field together inside a single Form component.
Inside this component I want to save the values from the 3 inputs a single array and pass it's value to the Kendo Form component:
https://stackblitz.com/edit/4lrva3?file=src/FormInput.vue
What's the best way to achieve this?
Thanks in advance
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?
I've added the Kendo MultiSelect component inside a Kendo Form. However once I start typing some text inside the MultiSelect it throws an error as soon as I click outside:
https://stackblitz.com/edit/bfuhyb?file=src%2FFormInput.vue (stackblitz example of the problem)
What's worse is that upon throwing this error it completely freezes the input until you remove the text (you can't see this on stackblitz since the error covers the screen).
Did I forget to add a certain property to the MultiSelect or is this a bug?
When the MultiSelect is outside of a Kendo Form it doesn't have this behavior:
https://stackblitz.com/edit/ys4zsu?file=src/main.vue (stackblitz as linked on https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/)
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
},
I'm trying to populate a grid with some async data (not in this repro for simplicity) and do the data processing inside a Vue computed function.
However I can't seem to get the expanding/collapsing rows functionality to play along nicely.
Here's my attempt (where I save 'e.collapsedGroups' into a ref and recurse over it inside the computed):
Fkcdqd (forked) - StackBlitz
Basically the only issue that I'm still seeing is that when I collapse product name 'Apple' it will close all 'Apple' rows. You can observe this by going to the repro and collapsing 'Apple' product in the units in stock '2', and then scrolling down to the units in stock '7' and seeing there that the 'Apple' is also collapsed.
My guess is is that there must be a simpler way to implement the expand functionality with a computed, but so far haven't found a way.
I would really appreciate any input to help me along 😁