I've just created a new vue project and tried to install some components:
pnpm i @progress/kendo-date-mat @progress/kendo-data-query @progress/kendo-drawing @progress/kendo-licensing @progress/kendo-svg-icons @progress/kendo-theme-fluent @progress/kendo-vue-animation @progress/kendo-vue-buttons @progress/kendo-vue-common @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dialogs @progress/kendo-vue-dropdowns @progress/kendo-vue-form @progress/kendo-vue-indicators @progress/kendo-vue-inputs @progress/kendo-vue-intl @progress/kendo-vue-labels @progress/kendo-vue-layout @progress/kendo-vue-notification @progress/kendo-vue-upload
Result is:
.
├─┬ @progress/kendo-vue-buttons 5.0.0
│ └── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
├─┬ @progress/kendo-vue-data-tools 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-animation@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-buttons@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-dateinputs@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-dropdowns@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-inputs@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
│ └── ✕ unmet peer @progress/kendo-vue-popup@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-dateinputs 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
│ └─┬ @progress/kendo-vue-labels 5.0.0
│ └── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-dialogs 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ └── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-dropdowns 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-inputs@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-labels@^4.0.0: found 5.0.0
│ └── ✕ unmet peer @progress/kendo-vue-layout@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-form 5.0.0
│ └── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
├─┬ @progress/kendo-vue-inputs 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ └── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-layout 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ ├── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
│ └── ✕ unmet peer @progress/kendo-vue-progressbars@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-notification 5.0.0
│ └── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
├─┬ @progress/kendo-vue-upload 5.0.0
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ └─┬ @progress/kendo-vue-progressbars 5.0.0
│ └── ✕ unmet peer @progress/kendo-vue-animation@^4.0.0: found 5.0.0
├─┬ @progress/kendo-vue-treeview 4.3.3
│ ├── ✕ unmet peer @progress/kendo-svg-icons@^2.0.0: found 3.0.0
│ └── ✕ unmet peer @progress/kendo-vue-animation@^4.0.0: found 5.0.0
└─┬ @ris_dev/base-vue 1.7.6
└─┬ @progress/kendo-vue-editor 4.3.3
├── ✕ unmet peer @progress/kendo-vue-buttons@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-dropdowns@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-inputs@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-intl@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-popup@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-layout@^4.0.0: found 5.0.0
├── ✕ unmet peer @progress/kendo-vue-dialogs@^4.0.0: found 5.0.0
└── ✕ unmet peer @progress/kendo-vue-form@^4.0.0: found 5.0.0
The same happens if i try to add components to an existing project. Looks like the components need different versions of peer-dependencies like svg,...
Can this be ignored?
Please help!
Hi,
I’ve been working with the grid and have applied grouping.
Following this, I attempted to introduce aggregations for each group. I’ve observed that this functionality is only available with cell rendering, which allows for customization of each cell.
I adhered to your provided example, but I noticed a complete transformation of the grid when more than one group is defined. I’m uncertain if this is the expected behavior.
Additionally, I’ve found that the groups can no longer be collapsed.
https://www.telerik.com/kendo-vue-ui/components/grid/grouping/grouping/
Thanks in advance,
Ziggy
Hello, Kendo!
I use kedno UI for Vue3.
I have a question. When I use filter of DropDownList, can I customize the filter region like that?
I couldn't find filterRender Property.
thanks.
Hi, kendo
I used the grid for reference "https://www.telerik.com/kendo-vue-ui/components/grid/columns/locked/"
At the same time, I added resizable props.
like this,
I resized "Name" column, then I could see the bug that a gap has occurred between Name and CategoryName.
Can I fix it?
The editor inserts a paragraph (<p></p>) each time Enter is pressed.
A line break (<br />) is only inserted with Shift+Enter.
How can this be changed so that Enter inserts a <br /> and Shift-Return inserts a <p></p>?
Hello,
We want to have translations in Spanish, French and Portuguese for the users of our application who use such languages. We managed to translate all editor components, "Font Name", "Font Size". All successful except for the "FormatBlock".
In the FormatBlock dropdown, Kendo UI Rich Text editor is missing the translations and we will open a support case to request the feature.
In the meantime, we tried to do it ourselves. We implemented this
Of course, where, of course, we included this in the tools array:
Then we defined these variables in our Vue component, with default values
And we tried calling this method in beforeMounted() and mounted() to override the default values with the $t translations...
But translation do not load and we lost the format (Heading 1 bigger than Heading 6).
Do you have any clue of what is going on, that prevents us from loading translations, and how to restore the format that we get in English?
Thanks for the help
Lucía
Hello, is there any chances to disable or do not display the validation dialog upon using the Input component. Based on this example, I want to use the Error component for displaying the validation as Text and I will no longer use the validation dialog.
Btw, I'm using Kendo UI for Vue
Is it possible to set two subclasses under :
for example .k.slider .k-slider-selection { .&transparent { background-color: transparent; } &.blue { background-color: blue } }
and how would i apply it here ?