I can't export my grid to Pdf. On console, this error shows up:
TypeError: allVue.extend is not a function
at KendoDrawingAdapter.convertPageTemplateToHtml (KendoDrawingAdapter.js?cc56:50:1)
at eval (core.js?4739:362:1)
at eval (core.js?4739:466:1)
at Array.forEach (<anonymous>)
at doPageBreak (core.js?4739:465:1)
at next (core.js?4739:1168:1)
at whenImagesAreActuallyLoaded (core.js?4739:1164:1)
at handlePageBreaks (core.js?4739:450:1)
at eval (core.js?4739:308:1)
at next (core.js?4739:1168:1)
Trying to replicate the issue, I forked this working example from kendo website (https://www.telerik.com/kendo-vue-ui/components/grid/pdf/) into StackBlitz and just changed the Vue package version to the latest v2 (https://stackblitz.com/edit/twqkkz?file=src%2Fmain.vue,package.json).
By just doing that the page has broken with the following error:
TypeError: (0 , vue_1.createTextVNode) is not a function
at templateFn (main.vue:7:60)
at Object.eval (main.vue:144:1)
at eval (main.vue:170:4)
at eval (main.vue:171:3)
at eval (<anonymous>)
at Qt (webcontainer.4131d213adf6116ed795350ac232389585e09527.js:15:30145)
at webcontainer.4131d213adf6116ed795350ac232389585e09527.js:15:38799
at U (webcontainer.4131d213adf6116ed795350ac232389585e09527.js:15:13565)
at webcontainer.4131d213adf6116ed795350ac232389585e09527.js:15:13207
at Object.eval (main.js:7:36)
So I'm not sure about what is happening, but it seems to be an incompatibility issue with Vue 2.
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.
I'm trying to get a tooltip to show when hovering a cell when the characters inside the cell are more than 12 characters.
<template v-slot:reservationNameTemplate="{ props }">
<td :style="truncateDescriptionText(props.dataItem)">
{{ props.dataItem[props.field] }}
</td>
</template>
This is working fine to truncate the text inside the cell, however when I try to warp it with the Tooltip like this the truncate stops working and I get no tooltip on hover
<template v-slot:reservationNameTemplate="{ props }">
<Tooltip :anchor-element="'target'" :position="'bottom'">
<td>
{{ props.dataItem[props.field] }}
</td>
</Tooltip>
<td :style="truncateDescriptionText(props.dataItem)">
{{ props.dataItem[props.field] }}
</td>
</template>
Thank you.
I am using kendo native calender for my project. I want to show months in the calendar. wapper has prop called "showviewheader" but this not working kendo native calender.
<template>
<div id="vueapp" class="vue-app">
<div class="example-config">
Number of rendered views:
<numerictextbox
:style="{ width: '230px' }"
:min="1"
:max="10"
@change="handleInputChange"
:value="views"
>
</numerictextbox>
</div>
<calendar :views="views" />
</div>
I am using kendo native calender for my project. I want to show months in calendar.
<template>
<div id="vueapp" class="vue-app">
<div class="example-config">
Number of rendered views:
<numerictextbox
:style="{ width: '230px' }"
:min="1"
:max="10"
@change="handleInputChange"
:value="views"
>
</numerictextbox>
</div>
<calendar :views="views" />
</div>
</template>
Hi,
Here is the example.
https://stackblitz.com/edit/tobv8y?file=src%2Fmain.vue
The column "ProductID" is locked.
When I export PDF, this column doesn't show on PDF file. (As pic)
How can I export PDF with locked column?
Thank you!
Hi i want to ask about search in columns filter grid table multiselect checkbox like in this demo Link
so i want to trigger function and hit API when search data in multiselect checkbox. is there any way to achieve it? i tried following some way from doc but still fail to implement
my code right now :
}" />
},
Hi i want to ask about currency format number like in this demo Link
so i already implement currency format in input kendo ui component but still fail to remove currency symbol
is there any reference from doc? and also where is the list of locales code for currency format?
here is my setup code for currency format
},
Hello,
In my grid in the columns I put custom colum menu, so I can use directly the filters. The problem is that although everything seems to be working fine, when I click on on column filter it opens a popup, and when I click on one other columns filter it also opens a popup BUT does not close the previous one.
I ve seen examples where this functionality works, and some others that it does not. Is there a solution for when I open one columns filter popup to close all the others that is currently open?
Thanks
//This adds a custom template to my column menu
column.columnMenu = "CheckboxColumnFilterRender";
//This adds a custom icon and a custom color to my column header
headerClassName:"generic-filter-icon c-gray-600",
<templatev-slot:CheckboxColumnFilterRender="{ props }">
</template>
Hello,
Is there a solution for a filtered column in a grid based on column filter or an external filter to change its color to show to the user that it has been filtered with something?
I try to implement it myself and I fall short to understand all the possible subcases that occur. Is there a ready solution or could someone suggest me how to do it?
Thanks