I want to change the upload icon in Drag&drop component  to    before uploading the file. 

&   after uploading the file

Before I was using

but recently after updating packages, I got jumped by a couple of errors saying there are no color variables in said file.
I found them in the dist folder but all those files also have

at the end making me import whole scss files multiple times destroying all my overrides in previous files.

Is there any way I can import all Kendo theme variables to my scss files?

I am having trouble navigating the grid with a screen reader using table navigation commmands. I think the problem might be my custom cells. Is there anything else that needs returned bessides tds? Here is an example of my grid.

```

Using the FontSize editor tool in the Editor I need the user to be able to select a value for the FontSize and retain that value after the user hits the enter key to go to a new line in the ediitor. Right now if you select anFontSize value it retains it till the user clicks enter then the FontSize dropdown value resets to unselected.

Thanks,

   Matt Heuerman

I have a kendo react grid. I am doing in-cell editing.  I have option to upload a file & the file might contain wrong data. when i do the upload i have to show the error highlight on each cell. i have done the upload part & showing the new row on the grid. I am facing issue while highlighting the cell with red color. i have already added custom cell for each columns. Please help

I am trying to set the button themeColor attribute to a variable such as:

let themeColor: string = 'dark';

themeColor={themeColor}

but I get the error:

Seeing this bug locally, and was able to reproduce it in CodeSandbox:

1. Open this demo in CodeSandbox https://www.telerik.com/kendo-react-ui/components/grid/pdf-export/#toc-getting-started (original sandbox link: https://codesandbox.io/p/sandbox/proud-snow-z89k2q?)
2. Ensure Dependencies includes React 18
3. Make these changes to the bottom of main.jsx:

• Comment out this line:

ReactDOM.render(<App />, document.querySelector('my-app'));

• Add these three lines in place of the above one:

const container = document.querySelector('my-app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App />);

A finished Sandbox in case it saves you some time -- https://stackblitz.com/edit/react-epnjnd?file=app%2Fmain.jsx

• Notice that the first sandbox on page load gives the React 17/18 react-dom.render() issue. In contrast, the finished sandbox doesn't give the React 17/18 issue. This behavior is to be expected.
• Click on "Export PDF" button. You now get the React 17/18 error on both sandboxes. You'd expect the error not to show up on the finished sandbox, as the parent code no longer utilizes the "old way of rendering React".

I have a feature to add display a numeric textbox in the grid while doing in-cell editing. & it depends on a checkbox value.  If the check box in another column is  selected then only the the numeric textbox should be editable in. Kindly help me with a numeric textbox as a custom component in incell grid editing.

I tried to create a numeric textbox as custom component. But i am facing couple of issues.

1)If i add the editor as numeric then the checkbox condition is not matching.

2)if i add editor as text, the cursor in the numeric textbox is not showing if i tryto add more than 1 digit.

Hi,  I've created a drop-down list for my react application. However, when I set the initial value, the required validator is triggering even though a selection has been made. Is there something else I need to be doing?

Hi,

The older versions of grid had three dots as the grid column header filter icon. The new versions have a different filter icon. How to use the three dots in new version (@progress/kendo-react-grid@^7.2.3)?  Please see the attached image for the three dots icon.

Thanks,

Jie