Environment (OS, Application, Versions):
OS Version: 22H2 (OS Build 25352.1)
Edge Dev: Version 121.0.2277.112 (Official build) (64-bit)
Repro Steps:
1. Open https://codepen.io/oneID/pen/LYaGREP and turn on NVDA.
2.Navigate to Populate grid and activate it using enter key.
3.Navigate to Expand button under domain in export to excel table.
4.Verify if the accessible name and role for the expand button is correct or not.
Actual Results:
Accessible name for the 'expand' button is not correct, Expand button is defined as link.
Expected Results:
Accessible name of 'expand' button should be sufficient for screen reader user. Accessible name should contain value available in domain as well.
Role should be defined as 'Button' as its behaving as button.
In the kendo-react-data-tools component, we want to introduce the Autocomplete behavior in Fields.
For example, in the https://www.telerik.com/kendo-react-ui/components/datatools/ link, only 3 fields ( like Name, Price and Discontinued ) were used.
In our application, we have more than 100 fields and the user has to scroll all the way down to pick the required field for applying the filter.
Hi,
Using KendoReact Scheduler component the functionality to group the events by date, then by resources is not supported. I can only group them by resources first, then by date.
This feature exists in Kendo for jQuery Scheduler component and can be configured by setting the group.date property to true as following:
group: {
date: true,
resources: ["Rooms"]
}
Hello,
We have migrated to Kendo React (from jQuery) and are unable to use Directory upload functionality which existed in jQuery version:
https://demos.telerik.com/kendo-ui/upload/directoryupload
Currently in order to achieve such functionality, the only way is to inject required file input attributes manually as shown below:
useEffect(() => { if (uploadWrapperRef.current) { const targetInput = uploadWrapperRef.current.querySelector('input'); isFolder ? targetInput.setAttribute('webkitdirectory', '') : targetInput.removeAttribute('webkitdirectory'); } }, [uploadWrapperRef, isFolder]);
This partially solves the issue, however because the directory upload functionality is not provided natively, we are unable to use drag-and-drop functionality for folders. There is no way to overwrite 'onDrop' functionality, which currently accepts only files but not folders.
Would it be possible to add Directory upload to KendoReact as well?
Kind regards,
Emil
The TreeList component has almost of all the same functionality as the Data Grid, but it lacks the ability to automatically resize the columns based on the content when clicking the table cell headers. The demo of the Data Grid Column Resizing shows this behaviour. The jQuery TreeList also supports this behaviour.
It would be great if the KendoReact TreeList could also enable auto-resizing of columns in this way as it feels like the natural way to automatically set the size of columns.
Hi, I am Lavanya!
in my dropdown list, there are horizontal layouts I need to change to the vertical dropdown list
and also I have attached bar data in that I need to make a dropdown filter of the month how can I use that
Controlled TextaArea componenet with autoSize and rows properties.
const App = () => {
const [state, setState] = useState();
return (
<TextArea
value={state}
onChange={(e) => setState(e.value)}
autoSize={true}
rows={2}
/>
);
};
Add couple text lines to extend TextArea size and remove these empty lines in any way.
Content from TextArea field is removed but TextArea height stays the same, doesn't come back to it's initial value. It's different comparing to example from your docs where example contains uncontrolled component.
Controlled TextaArea componenet with autoSize and rows properties.
const App = () => {
const [state, setState] = useState();
return (
<TextArea
value={state}
onChange={(e) => setState(e.value)}
autoSize={true}
rows={4}
/>
);
};
and styles like these
.k-textarea textarea {
border: 1px solid blue;
}
Start typing anything
Height of textarea component is decreasing
we have X(cross) for combo box but it is not coming for datetime picker
Walkthrough component.
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.