If i have a Scheduler control, displaying a single day and grouped on Person, and i reduce the Scheduler View Start/End times to, for example, 7:00am to 11:15am then it will not display a slot that overlaps this time period e.g. a slot occuring 00:00-23:59.
Oddly if i change the Scheduler View Start/End time to 7:00 to 12:00 then it will. So 7:00 to 11:15 or 7:00 to 11:30 will not display the slot, only on the hour will e.g. 7:00 to 12:00 or 7:00 to 13:00.
We use data-testids (an attribute) for our test automation. It looks like on an internal component like buttons in popup boxes and rows in a grid that we can no longer add these. Is there some way in KendoUI that we can add these tags for our automation testing. KendoMenu items is an example where we like to add them for each menu item that it seems like we can't
Thank You,
Anthony Rizzolo
For the data tools filter is it possible to customize the dropdownlist component that is used to display the list of fields assigned to the :fields prop? I have followed the documentation for customizing the editors used for the fields input values , using slots, which works well. However I wanted to add the "filterable" attribute to the fields dropdown list as we have a large number of fields in the list and it would be good to be able to filter the list via a searchbox.
Hello,
Since moving from Kendo UI for Vue 3.9.x to 3.14.2, icons are no more showing in components (ie: in a button). You can find a stackblitz here with 3 buttons (Cog, Cut, Paste), and as we can see, icons are not visible anymore:
https://stackblitz.com/edit/vitejs-vite-yf1mg5
I tried to inject the use of font instead of SVG as indicated here: https://www.telerik.com/kendo-vue-ui/components/styling/migrating-font-to-svg/#toc-continue-using-font-icons
But it does not have any effect.
How can I have back the icons ?
Hello, I'm trying to understand why the following lines of CSS are needed for the DropDownList (configured with filtering and custom height set via popup-settings) to work.
If I uncomment any of these CSS lines, the following unwanted behavior occurs:
1: scroll down a bit, like 100 or 200px so that the the DropDownList button is close the top of the viewport
2: click on the dropdown button
3: notice that the entire page scrolls to the top, almost as if the DropDownlist tried to open to top first but then mid-animation opened to the bottom.
Specifically the scrolling to the top of the page, is a behavior I'm trying to prevent.
Adding the extra lines of CSS is not a problem for me, however when the Vue app's mount target is nested, the unwanted behavior can be observed again. In the stackblitz you can demo this by nesting the mount target inside a <div>. Because my app's mount target is really deeply nested inside a DOM I don't think it's viable to add CSS styles to every wrapping element.
Is there a workaround for this? Thanks in advance
Is there a way to show the values of 'to' properties in the ranges objects as labels for each range?
For now I'm only able to see the 'majorUnit' label