<template>
<div>
<div class="col-xs-12 col-md-6 example-col">
<p>Input</p>
<KInput :style="{ width: '330px' }" :show-clear-button="true"></KInput>
</div>
</div>
</template>
<script>
import { Input } from '@progress/kendo-vue-inputs';
export default {
components: {
KInput: Input,
},
};
</script>
Hello,
Drag and drop an image inside editor isn't working in Chrome.
sometimes the images is opened in new tab, sometimes the image path is added.
However, it works on Firefox.
Hi
I have a Grid inside a TabStrip. Resizable is set to true. If I resize the column, the column will change size but at the same time the width of the Grid will also change size proportional to the change in size of the column.
If I move the Grid to be outside of the TabStrip, resizing the column will not alter the width of the Grid. This is the behaviour I was expecting.
Here is some sample code that reproduces the issue.
<TabStrip :selected="0" :tabs="[
{
title: 'Paris',
content: 'Paris',
}]">
<template v-slot:Paris>
<Grid ref="grid" :style="{ 'max-height': '600px' }" :data-items="variations" :resizable="true"
:reorderable="false" :columns="caseGridColumns" :loader="loader"
@rowclick="(ev) => { caseStore.setCaseId(ev.dataItem.cases.caseid); getData(); }">
<GridNoRecords>
No variations were found
</GridNoRecords>
</Grid>
</template>
</TabStrip>
There is a solution in Angular for clearing a multiselect programmatically at Provide a way to pro...~https://feedback.telerik.com/kendo-angular-ui/1404639-provide-a-way-to-programmatically-clear-selected-values-from-multiselect
Is there an equivalent solution for Vue?
Description:
MultiSelect does not scroll to the focused item. The problem seems to occur when the text of options extends over multiple lines.
The option "Congo, the Democratic Republic of the" extends over multiple lines in our example.
Here is a "https://stackblitz.com/edit/u4crwa-phh6zx" example. Search for "United" or any country that starts with the letter "H" or after.
Hello Team,
Icon for MS Word is missing the logo which is impacting UX for our application. Appreciate if this is resolved on priority
Reference in the Image: Docx 1. docx
Hello Team
Selection/Highlight of the Main Menu is incorrect, when the child item of different submenu is chosen. This is UI/UX glitch and would helpful if resolved
Code Snippet : https://stackblitz.com/edit/nrqsrn?file=src%2Fmain.js
Hi,
DataGrid should provide selectionState property for styling in following way:
Value is emitted onSelectionChange event.
Currently we need to implement property.
Thank you!
Currently there is selection of row and selection of whole table. There is no group level selection.
We have to implement it ourselves. Not a big deal but still. Same applies to MAUI.
Thank you!
As of this moment the barcode components are only available in wrapper components. We would like to see a native Vue version for this aswell. Especially for the QR code option could be a big addition to the package
Hi there,
We create a dashboard like this:
We need to export in PDF format and we use the component:
https://www.telerik.com/kendo-vue-ui/components/pdf-processing/
Now we need to export in PNG or JPG format.
And this is our request: a Kendo Component that exports a dashboard with the same quality of the PDF component.
Thanks in advance.
The Spreadsheet component is among the last components in the Kendo UI for Vue suite that is available only as a Wrapper component.
Providing a Native version of the Spreadsheet will be a big improvement to the suite.
It would be great to have a clear button in the DatePicker, as today erasing value requires 3 select-delete operations (one for the day, one for the month, and one for the year)
It would make it consistent with TextBox, ComboBox, MultiSelect & AutoComplete, which renders in a comparable way
Hi there.
so the orgChart generates a great organizational hierarchy, but I want to be able to drag and drop elements to other parents like you can do with the Asp.net ajax version of the orgChart. How do I do this please?
Hello,
I noticed a bug with the Tooltip component, it can be reproduced here: https://www.telerik.com/kendo-vue-ui/components/tooltip/positioning/
In Tooltip.js there is a function called "handleMouseOut" that has this line:
const element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
Followed by:
if (isTooltipElement(element) || this.computedTarget !== event.target) {
return;
}
So when the mouseOut event is over the tooltip element, it is ignored, leaving the tooltip visible.
I was able to fix this by adding the following CSS styling to the tooltip element: `pointer-events: none;`, but now I may have introduced a new issue.
What is the reason for ignoring the mouseout event when it's over the tooltip?
Describe the bug
at Nuxt Environment
- pagable info option doesn't render information about the current page and the total number of records (both of setting true / false, all)
- set pageable info option false, error raise like this.
To Reproduce
- https://stackblitz.com/edit/nuxt-starter-mcocsr
Expected behavior
- render information about the current page and the total number of records
- do not error raise