or
1 answer
65 views
Hi Team,
I've recently updated all my kendo modules in my Vue application. I licensed the Kendo UI Vue components via NPM which worked perfectly. The Vue native Grid worked without licensing warning. Everythinmg fine here.
But I also use the Kendo Chart element (wrapper) in Vue , which is obviously to be licensed by the kendo-ui-license.js.
I placed it in the right spot and in my main.ts and added the import statement right after the kendo-ui entry like the recommendation is stating:
import '@progress/kendo-ui';
import "./kendo-ui-license.js";
Unfortunately I get the error "'KendoLicensing' is not defined". Seems that the timing with kendo.all.min.js is not working along here?
What am I missing? What would be the proper approach to install the proper licensing in a Vue application?
Best regards
Oliver
I've recently updated all my kendo modules in my Vue application. I licensed the Kendo UI Vue components via NPM which worked perfectly. The Vue native Grid worked without licensing warning. Everythinmg fine here.
But I also use the Kendo Chart element (wrapper) in Vue , which is obviously to be licensed by the kendo-ui-license.js.
I placed it in the right spot and in my main.ts and added the import statement right after the kendo-ui entry like the recommendation is stating:
import '@progress/kendo-ui';
import "./kendo-ui-license.js";
Unfortunately I get the error "'KendoLicensing' is not defined". Seems that the timing with kendo.all.min.js is not working along here?
What am I missing? What would be the proper approach to install the proper licensing in a Vue application?
Best regards
Oliver
Plamen
Telerik team
answered
on
01 May 2024
1 answer
69 views
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
Konstantin Dikov
Telerik team
answered
on
26 Apr 2024
1 answer
71 views
Is it possible to set two subclasses under :
.k-slider .k-slider-selection
for example .k.slider .k-slider-selection { .&transparent { background-color: transparent; } &.blue { background-color: blue } }
and how would i apply it here ?
Konstantin Dikov
Telerik team
answered
on
26 Apr 2024
1 answer
50 views
How do i make the horizontal bar chart the same height? does it have some props , i added space and margin , but this does not change the height
Vessy
Telerik team
answered
on
25 Apr 2024
1 answer
89 views
when trying to import any of Kendo Vue's types to have IDE autocomplete, my vue compiler crashes with
[plugin:vite:vue]
import this this
import {
SchedulerViewItem,
SchedulerViewItemProps,
} from "@progress/kendo-vue-scheduler";
Is there any way around this? The autocompletion is working fine and I am getting the types to my IDE, but the project just won't launch.
EDIT
I changed the code to this:
interface Props extends /* @vue-ignore */ SchedulerViewItemProps {
overlayPanel?: InstanceType<typeof OverlayPanel>;
startDraggingPlannedPlanning: (
event: MouseEvent,
planningId: number,
) => void;
}
and now it is working. But still, any other way to do this?
Vessy
Telerik team
answered
on
22 Apr 2024
1 answer
82 views
I have several questions here:
- How can I implement my own tools (Vue component)?
- How to implement an emoji picker (Vue component)?
- How to implement mentions (@name) with a Vue component?
I can't find anything about it in the docs.
Filip
Telerik team
answered
on
17 Apr 2024
1 answer
180 views
1 answer
83 views
Hi,
Is it possible to implement a filter in a multiSelectTree so that when a search term matches a parent item, it automatically displays all of its children as well?
example:
data = [
{
text: 'Furniture', id: 1, items: [
{ text: 'Tables & Chairs', id: 2 },
{ text: 'Sofas', id: 3 },
{ text: 'Occasional Furniture', id: 4 }
]
}, {
text: 'Decor', id: 5, items: [
{ text: 'Bed Linen', id: 6 },
{ text: 'Curtains & Blinds', id: 7 },
{ text: 'Carpets', id: 8 }
]
}
];
For instance, if one were to search for "decor," would the system also show "Bed Linen," "Curtains & Blinds," and "Carpets"?
Thanks in advance,
Ziggy
Konstantin Dikov
Telerik team
answered
on
15 Apr 2024
1 answer
66 views
Hello,
When I use TextBox in Navtive components of Vue3, I want to distinguish between the input value and the displayed value.
For example,
I uesd TextBox like this.
<TextBox v-model="inputValue" />
If I enter "1234567", "1,234,567" will be displayed. but inputValue has "1234567".
or
If I enter "AbcD", "abcd" will be displayed. but inputValue has "AbcD".
Can I only change the displayed value while maintaining the value I entered?
ps... I don't want use the NumericTextBox. because of lowercase and uppercase.
Filip
Telerik team
answered
on
11 Apr 2024
0 answers
73 views
Hello!
We want to customize the InsertImage tool in the Editor, as we want to allow image upload. We found the React Documentation, and that's exactly what we want in Vue.
In React, (see this example main.tsx - nodebox - CodeSandbox) it looks straightforward to stop using the InsertImage from EditorTools and use the one in the example.
import { InsertImage } from './insertImageTool';
// const { InsertImage } = EditorTools;
But in Vue (main.vue - nodebox - CodeSandbox), how do we replace the InsertImage by the implementation in insertImageTool?
tools: [
["InsertImage"]
],
Thank you
LucÃa
