I need to implement two functionality for treelist control
1. Freezing of column and rows
2. Drag and Drop column and rows
Is it possible to define where the dropdown container (i.e. k-list-container) is appended in the DOM?
By default it is appended at the bottom of the body but I'd like to define where it is appended.
The reason why I need to do this is because I'm using the KendoReact components in a WebComponent (custom element) which is hosted in a shadow-dom for isolation.
The styles are also only loaded within the shadow-dom and are therfore not applied to content on the outside.
The issue is that the kendo dropdown container is appended outside of the shadow-dom and the scope of the kendo styles.
The dropdownlist component is styled correctly but the dropdown part that is appended to body is not styled.
I've solved this with other components (i.e. modal window) by defining where I want the the container appended with the createPortal method in React.
1. Create web component with shadow-root.
2. Attach all.css styles behide shadow root.
3. Add compoent with icon from WebComponentIcon font.
Icon are not displayed properly.
I'm trying out the KendoReact Conversational UI and there are two things that I would expect to exist in the API that I can't seem to find.
1. Unread indicator - I'd like to mark where the last unread message was but there doesn't seem to be a way to do that with the API.
2. Load more messages - I'd like to be able to only load a certain number of messages from the chat history on initial load and then load more messages as the user scrolls (or possibly have a "load more" button) but there doesn't seem to be any callback for that.
I already have ideas to work around both of these with the "messageTemplate" but I wanted to check if I might be missing something obvious first.
-- Erik Sandberg
Currently the GridColumn Component only supports width property. It should also support minWidth and maxWidth properties for better responsive design. https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/
Existing implementation of Scheduler component has a very limited customization support. To cover some real use-cases we need:
Please advise on how to overcome those limitations as a short term solution and consider adding more Scheduler customization abilities to your Roadmap.
Example of highly configurable Scheduler/Timeline component: https://js.devexpress.com/Demos/WidgetsGallery/Demo/Scheduler/Timelines/React/Light/
Currently, ComboBox generates a UUID and uses it as the input tag's id property (e.g. <input id="2e048165-6468-46c0-ba39-c47b12c7fcf2" />).
As a developer, I want to be able to set my own custom id so that I can set my own label tag as a sibling to the ComboBox component.
For example, I would like this to be possible:
<label for="hello">Hello World</label> <ComboBox id="hello" />
There is a label prop offered on ComboBox which works fine but it does not let me specify the label tag with custom class names, styling, etc.
This new id prop should be optional and ComboBox can keep using the same technique it does when no id prop is passed to it.
The component will allow the developer the create a step by step guide over the page.
This will highlight a collection of elements in a set order on the page with a tooltip showing the newly introduced feature.
When using the auto for tooltip position, I would like the option to prioritize the order.
[right, left, bottom, top] for example would mean that it would check if that area is available to display a tooltip, and if not, it'll move on to the next one in the list.
Is this an option? How will I go about creating this functionality if not?
It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.
A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.
My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.
Thanks for considering this feature.
I have a need for the 'Drop files here to upload' text to always be visible in the drop area of the KendoReact Upload component. Example of what I am talking about is in attached images.
When using the tab strip, it'd be nice if there were an event that fired before the tab changed so that we could abort a tab chat. For example, if a tab has some input fields that allow a user to change some setting but they change the tab without hitting save or something. It'd be nice if I could pop up a modal and ask them to save before changing tab.
The function could just return true or false to allow the tab change, etc.
It would be great if the 'allDaySlot' property on the Scheduler component could be added to the Reactjs version. We would like to hide the all day slot on our scheduler but currently this isn't possible.