Questions on Kendo UI for Vue Forum

2 answers

560 views

Best way to expand Kendo DropDownList to viewport height

I'm trying to have the Kendo DropDownList wrapper component expand to the viewport height so that there's a maximum amount of items on screen without having a scrollbar on <body>

I'm currently trying it with this approach but I'm wondering if there's a better way:

1seoqu (forked) - StackBlitz

The main downside of this approach is that it relies on setting the 'height' prop to a number that is larger than the data source would take up when fully rendered. In this case a height of 999px won't work, while a height of 9999px will work. So when I set the height to 9999px I get the desired result but it feels hacky and I'm wondering if there's a better way.

DropDownList wrapper

answered on 04 Feb 2022

0 answers

47 views

Kendo-Wrapper for Vue: dragToSelect problem in Grid(wrapper) component

Hello,

When I am currently using the Grid Wrapper component, I will use the mouse to drag to select multiple rows of data (dragToSelect). After selecting multiple rows of data for the first time, when I think about dragToSelect for the second time, the data selected for the first time will be unselected. May I ask how to prevent the selected data of multiple dragToSelect from being cancelled?

Grid wrapper

asked on 24 Jul 2023

9 answers

453 views

kendoWidget() returning null for upload

I have a kendo upload inside a kendo window with ref=upload. On window activate I want to clear the files list.

activate() {

this.$refs.upload.kendoWidget().clearAllFiles();

}

Everything works fine until I upload a file. Once a file is uploaded the call to this.$refs.upload.kendoWidget() starts returning null.

answered on 25 Jun 2018

1 answer

112 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

0 answers

257 views

Create filter label with close event

Hi everyone! , I would like to create at the select of a grid a label at the top of the page with a click button to cancel the decision. Something that looks like a filter on shopping websites. Something like attached in the picture Does a similar component already exist?

asked on 20 Oct 2022

5 answers

675 views

Kendo chart not covering the full width of the card and not working on resize

I am loading the kendo vue ui chart and displaying that in bootstrap cards (which is inside the bootstrap tab).
But some reason that that doesn't cover the entire width of the cards and render being so small.
There is already the style as: width: 100%; height: 100%; in the SVG of the chart but that doesn't expand. But when I changed some data then it occupies the full width.

Why it is not rendering properly initially? What's the issue causing this and what is the workaround for this?

http://jsfiddle.net/pdLncxoy/

General Discussions

answered on 11 Sep 2020

1 answer

84 views

kendo-upload async problem

hi I am the user of kendo-uploader

when I open the kendo-window, my fileUpload have to Keep some files what I can remove, so I use a Initailfile Option like the Code of below

$("#fileUpload").kendoUpload({
        async: {
          saveUrl: "save",
          removeUrl: "remove",
          autoUpload: false,
          removeVerb: "DELETE",
        },
        remove: onRemove,
        files: this.mUploadFiles
      });

but I make a Problem because when I press the X button ,It works remove process immediately but I want to use my Custom remove process.

How can I use my Custom remove Process . Please help me to solve the problem

General Discussions

answered on 19 Dec 2019

2 answers

154 views

Using Gantt wrapper in Nuxt app

Is this possible?

I took a chance and ran through the regular installation process here:

https://www.telerik.com/kendo-vue-ui/components/gantt/#toc-initializing-with-webpack

but I get error 'window is not defined' in kendo.core.js for this line:

....

})(jQuery, window);

General Discussions

answered on 10 Feb 2021

1 answer

129 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