Questions on Kendo UI for Vue Forum

0 answers

38 views

I tried to export PDF with method in my project(using vue). But , the following error occurred.

ttf.js:50 Uncaught Error: Table loca not found in directory
at Directory.readTable (ttf.js:50:1)
at TTFFont.parse (ttf.js:1210:1)
at new TTFFont (ttf.js:1202:1)
at eval (core.js:267:1)
at req.onload (core.js:246:1)

How can I solve this problem?

Grid

asked on 13 Jul 2023

1 answer

53 views

Kendo UI vs BootstrapVue

I have a large project that uses BootstrapVue. It also uses Vuelidate for validation. Why should I consider using Kendo UI instead? What are the major differences or pros/cons of one versus the other? Would Kendo UI be able to completely replace BootstrapVue + Vuelidate?

Thanks.

General Discussions

answered on 02 Jun 2023

5 answers

151 views

How to set up Kendo with Vue 3 and TypeScript

I was glad to hear, that the new release supports Vue 3. So I just started building a new app with Vue 3 TypeScript and wanted to use the Native Kendo Controls. But I have problems to set things up. With Vue 2 and JavaScript I had no problems with Kendo. But now it seems just not to work.

I also cannot find any documentation on that topic. It would be realy disapointing if it is missing. Maybe I'm just blind.

General Discussions

answered on 23 Oct 2020

0 answers

51 views

datepicker native component not rendered correctly

Hi i want to ask about datepicker in this Demo. first of all i already implement datepicker and successfully show the UI but not same like in demo. my guess is that css of datepicker is not loaded and datepicker UI looks big when i open it
i attach file of datepicker UI right now in my grid table. is there something wrong with my setup?

<datepicker 
                                              :style="{ width: '145px' }" 
                                              :default-value="new Date()"
                                              :format="'MMM DD, YYYY'"
                                              v-model="interviewDate"
                                            >
                                            </datepicker>

import { DatePicker, TimePicker } from '@progress/kendo-vue-dateinputs';

components: {
    'datepicker': DatePicker
  },

appreciate your help. thanks
you can ask if my english is confusing

DateInput

DatePicker

asked on 06 Jan 2023

1 answer

93 views

Is it possible to have grouped rows + checkboxes in Kendo Vue Native Grid?

I'm trying to implement a grouped grid with checkboxes like this angular example.

I've tried to make it work by modifying this official example, here's my code.

Unfortunately when I try to select a single row it throws the following error (both in stackblitz as well as local dev environment)

Error in /turbo_modules/@progress/kendo-vue-grid@3.2.9/dist/npm/utils/index.js (401:23)
Cannot read properties of undefined (reading 'items')

Is there a way to make grouped rows + checkboxes work in Kendo Native Grid?

Thanks in advance

Grid

answered on 06 May 2022

0 answers

20 views

VueJS DropDownList style issue

Hello,

please can somebody tell me what can i do with this style issue ? this issue display also with ComboBox and all of this stuff
I use vuejs version

"@progress/kendo-vue-dropdowns": "^3.5.0",
 
many thanks

DropDownList

asked on 25 May 2023

0 answers

30 views

Native Editor - Customize Hyperlink Tool

Is there an example of how to override the user experience in the Hyperlink tool? I would like to be able to set the cursor on an existing hyperlink, click the Hyperlink tool and change the display text on the hyperlink. This change would also include adding a "Display Text" form field on the hyperlink tool dialog view.

Thank you for your help.

Editor

asked on 22 Feb 2023

1 answer

305 views

grid wrap, add custom elements in toolbar header

I am working with the wrapping grid and I saw the need to add html elements in the header of my grid, in this case I would like to add a button and a drop-down to select the columns to be displayed, I know that the grid has the option of add edit buttons, add etc. although I need to add a button for a different task. I would like to know if it is possible to do this, I leave an example of what I want to do. THANKS

Grid

answered on 07 Jan 2020

1 answer

65 views

Vue wrapper components

Hi all,
I would like to try Kendo Vue SpreadSheet wrapper component.

Because there is no native Vue SpreadSheet component at the moment.

I have tried somethings but I cannot run my example programs.

I have installed kendo-ui and spreadsheet wrapper (or any other wrappers).

When I run the program with npm run dev I got error below.
(I tried it on Windows 10 and Linux Ubuntu 22)

EDIT: I found this https://github.com/telerik/kendo-ui-core/issues/7238, but there is no solution addressed.

=========================================================================

VITE v4.2.1 ready in 391 ms

Local: http://localhost:5173/
Network: use --host to expose
press h to show help
✘ [ERROR] Unterminated string literal

node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:6045463:
1 │ ...x3e8);}return _0x135b10[_0x3505('0x4')]=_0x31765a,_0x135b10[_0x3505('0x28')]=_0x4b9d63,Object[_0x3505('0x4d')](_0x135b10,_0x3505('0x4f'),{'value':!![]}),_0x135b10;}({});
╵ ^

The source map "node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map" was referenced by the
file "node_modules/@progress/kendo-ui/umd/kendo.all.min.js" here:

node_modules/@progress/kendo-ui/umd/kendo.all.min.js:3:21:

Spreadsheet wrapper

answered on 07 Apr 2023

1 answer

82 views

Autohide of notification from kendo-vue-notification

Hi,

I want to use new notification Vue Notification Component & Overview | Kendo UI for Vue Docs & Demos (telerik.com) from kendo-vue-notification package. How I can implement autohide feature? I need to show the result of a operation but user doesn't have to close notification.

Thanks

Pavel

Notification