The data tools kfilter component uses a DropDownList component to list the fields available for building a query. It looks like there is no way to apply the :filterable prop to the DropDownList that allows a user to type inside the list in order to filter down the list. This is especially useful if you have hundreds of fields in your dropdown. Instead a user must scroll through the entire list to find the field they are looking for.
We also use this component in our older web forms application and this functionality is available in the old component. I would suggest allowing the :filterable prop to be applied to the kfilter component which would be passed down to the child DropDownList component.
Describe the bug
The Tooltip is not correctly positioned in scenarios where a longer text needs to be displayed. This incorrect positioning leads to the inability to automatically close the Tooltip when the mouse is hovered out of the component.
To Reproduce
- Open this CodeSandbox example.
- Hover the yellow dot on the right
Expected behavior
The Tooltip should appear correctly positioned above the yellow point as it is in the scenario when you hover the left point in the above example
Screenshots
Describe the bug
The displaying of consecutive events in different timezones is inconsistent when we have a yearly recurrence.
To Reproduce
- Open this StackBlitz example
- Set your timezone to Mexico City
- Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
- See the Program 7 and Program 8 events in the Sat, 6/24 column
- Set your timezone to Mainland China
- Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
- See only the Program 7 event in the Sat, 6/24 column. The Program 8 event is visible in the Sun, 6/25 column
The above is not replicable if the following configuration is removed:
recurrenceRule: 'FREQ=YEARLY',
Expected behavior
The consecutive events in the Scheduler component should be displayed consecutively in all timezones and no matter the recurrence rule defined for each of the events.
Screenshots
Mexico timezone:
China Mainland
It would be beneficial if the Kendo UI for Vue ColumnMenu had an option to display the visible columns as it is in Kendo UI for Jquery, instead of creating a custom columnMenu:
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
Currently, it is not possible to copy and paste dates from one DatePicker to another:
In KendoReact and Kendo UI for Angular this feature is already available:
Video - https://somup.com/cZfeQdCxey
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.
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?
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>
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>
When using both filtering and virtualized dropdownlist, it can sometimes occur that the list will show no items after a series of repro steps:
Stackblitz (modified with only a console.log in the handlePageChange function) from Vue Dropdowns Library & DropDownList Component - Virtualization - Kendo UI for Vue Docs & Demos (telerik.com)
- open dropdown
- type 33333 into the filter
- see no data found
- quickly remove the last 2 3's, so now you're only filtering on 333
- quickly scroll down, then quickly scroll up
- see no data found and see that skip is NaN in the console
Describe the bug
some of the template props are not available in the slot template
To Reproduce
https://stackblitz.com/edit/whbigs?file=src%2Fmain.vue
Expected behavior
props.start is available in the slot
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.