Questions on Kendo UI for Vue Forum

1 answer

118 views

I have implemented a drop down list as follows. i want to drag items from this list. :draggable="true" :dropzone="true"

doesn't seems to trigger this. Items cannot be dragged. How to achieve this? Thank you in advance

<kendo-dropdownlist

v-model="dropdownlistValue"

:data-source="dataSourceArray"

:data-text-field="'text'"

:data-value-field="'value'"

:filter="'contains'"

:draggable="true"

:dropzone="true">

</kendo-dropdownlist>

dataSourceArray:any []=[{ text: 'Small', value: '1' }, { text: 'Medium', value: '2' }, { text: 'Large', value: '3' }, { text: 'X-Large', value: '4' }, { text: '2X-Large', value: '5' } ];

dropdownlistValue= "";

answered on 31 Jul 2019

1 answer

133 views

scheduler drop event for external items

Its regarding this post . (Is there way to identify drop from external item ie. a list item from a list. into the scheduler?)

I want to drag & drop an item from a list to the scheduler and trigger any event inside scheduler, to create and appointment. Is this possible ? And/Or how to implement such action/ behavior?

Thank you in advance

answered on 30 Jul 2019

1 answer

92 views

Column width to display column

If the width is not specified, the column does not appear because the td has a width of 0. Is this intentional?

Grid

answered on 30 Jul 2019

1 answer

101 views

Customize Scheduler header

Hi,

Im using kendo Scheduler in my vue project. I need to customize the scheduler header. First image is the default header I'm getting. I need to customize it as shown in the second image.I need to show the date and then a button to change the date and finally a button to go to current date. Is there a way to customize this scheduler header.

Thanks in advance.

answered on 23 Jul 2019

2 answers

105 views

Preserving Non-BODY content

Hello all,

Is there ANY way in the Kendo Editor to preserve (not strip away) non-BODY content, such as the <html> and <head> sections? I've searched across Google, Stack Overflow, etc... and found only hints that it isn't possible. Any help is appreciated.

answered on 09 Jul 2019

2 answers

129 views

Whitespace in Editor source

I noticed that when I run the following code the value produced seems to strip out all carriage returns. Is there any way to suppress this behavior?

this.$refs.htmlEditor.kendoWidget().value()

answered on 06 Jul 2019

1 answer

110 views

Native Grid Row Select, why is there a lag between selection?

Even in this example provided in the documentation: https://98razv.run.stackblitz.io/ from https://www.telerik.com/kendo-vue-ui/components/grid-native/selection/

When there's more than a few 100 rows of data, there is a significant lag when selecting a row from the grid. Can someone guide me into understanding why this is happening and how could it be avoided or if there's a better way of doing selection?

Thanks.

Grid

answered on 01 Jul 2019

1 answer

88 views

Maps Document Update

Hi Team,

The import statement on the map docs for kendo ui for vue needs an update.

On the doc page: https://www.telerik.com/kendo-vue-ui/components/map/

It lists:

import { Map,
        MapMarker,
        MapLayer,
        MapInstaller } from '@progress/kendo-listview-vue-wrapper'

EF.

answered on 28 Jun 2019

10 answers

578 views

Native Grid loading indicator

I can't find anything about using a loading indicator with the native grid. Looking at the API, it doesn't look as if there is even an event that fires when the data is loaded for the native grid. Anyone able to shed any light on this?

Grid

answered on 27 Jun 2019

3 answers

381 views

Grid Columns Misalign on Window Resize

I have made a kendo grid using the following code:

<kendo-grid v-bind:data-source="getEscalations"
v-bind:sortable-mode="'multiple'"
v-bind:sortable-allow-unsort="true"
v-bind:sortable-show-indexes="true"
v-bind:height="250"
v-bind:resizable="true"
v-bind:sort="sortEscalationTable">
<kendo-grid-column field="xxx" title="XXX">
</kendo-grid-column>
<kendo-grid-column field="yyy" title="YYY">
</kendo-grid-column>
</kendo-grid>

the problem is that columns get misaligned when window is resized. I have to refresh the window to resize them again. Is there a flag or other way to keep them aligned on resize. Please take a look at the image. Thanks.

answered on 25 Jun 2019