About the line chart component If you use the "baseUnit:fix" property, there may be a difference between the data displayed in the marker tooltip and the actual data.
The data that reproduces the behavior is shown below.
https://stackblitz.com/edit/4d7wyn-buonwc?file=src%2Fmain.vue
The first value of the array data is shown below, but it may not match what is displayed on the graph or may not match other data such as the end.
I would like a fix or a feature that matches the data in the points plotted in the three vertical columns of the graph with the data in each array.
max_cell_volt: 4226
min_cell_volt: 3244
cell_volt_diffrence: 982
Greetings,
I hope this message finds you well.
I would like to request a new feature for the Kendo Vue Dropdown List component: the ability to disable selected items directly within the dropdown list configuration. This functionality is already available for Kendo React users, as outlined in your documentation:
Disabled Items in Kendo React DropdownList.
Why This Feature is Valuable for Kendo Vue Users
Consistency Across Frameworks
Many users work across multiple frameworks, including React and Vue. Consistency in feature availability ensures a seamless transition and experience for developers leveraging Kendo UI in different projects.Improved User Experience
Disabling items within the dropdown is a common requirement in dynamic forms and data-driven applications. For example, when users are selecting items from a list, disabling already-selected options prevents confusion and enhances usability by guiding them effectively.Reduced Development Overhead
While developers can currently implement this feature manually in Vue, a built-in option would significantly reduce the amount of custom code required. This aligns with the Kendo philosophy of providing robust, ready-to-use components that save time and effort.Enhanced Accessibility
A built-in disabled item option ensures proper handling of accessibility concerns, such as ARIA attributes, keyboard navigation, and screen reader compatibility. This would help developers create inclusive and accessible applications without requiring additional customizations.Competitive Edge
Offering this functionality natively in Kendo Vue would strengthen the feature parity between your React and Vue libraries, making Kendo UI even more appealing to developers evaluating dropdown components across frameworks.
Proposal
Introduce a configuration option, similar to the one in Kendo React, that allows users to disable specific items in the Vue Dropdown List component. This feature could be implemented by providing a function or property to dynamically determine which items should be disabled based on their state or other criteria.
Add HTMLElement autofocus property support for input components like Input, Textbox etc... See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/autofocus
Currently, unable to apply autofocus as an attribute to Input (separately or as part of a Form).
Describe the bug
When the Datepicker component is used with a custom calendar (Kendo Calendar component) the calendar does not close on click outside of the component
To Reproduce
1. Open this StackBlitz example - https://codesandbox.io/p/sandbox/festive-tesla-hm596x
2. Click on the Datepicker input to open the component
3. Click outside the Calendar component
Expected behavior
The DatePicker's calendar popup should close when the user clicks outside the component
The problem occurs only on a component DropdownTree in which the filtering fonctionality is enable.
I have this problem when testing on Chrome and Firefox.
Hello,
When working in Spanish or French, even if internationalization is properly configured, it is not possible to translate the items in the FormatBlock, so it is only possible to see them in English.
We tried to do it ourselves (https://www.telerik.com/forums/paragraph-and-heading-not-translated) but we found some issues, so please, consider including these few items in the default translations.
Thanks
Lucía
clear Button isn't shown when attribute showClearButton is 'true'.
<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
we have a tooltip , which is great, but a cursor pointer would be great to let the user know that there is some sort of interaction
Hi,
DataGrid should provide selectionState property for styling in following way:
- allSelected,
- partiallySelected,
- noneSelected
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!