I have a requirement to perform bulk edit in kendoreact grid.  When the entire grid is in edit mode, i am facing performance issue in grid. Like, if i enter any character in the cell, there is a delay in reading that  character for at least  more than 3-4 seconds.  I have almost 1000 rows in the grid. I have tried both in-line editing as well as in-cell editing. Please help on this

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/

I need to upload a file on OneDrive via API.

As explained here https://learn.microsoft.com/en-us/onedrive/developer/rest-api/api/driveitem_createuploadsession?view=odsp-graph-online first of all I create an upload session which allow to upload large files.

After I obtain a temporary upload URL which I then pass to Upload component via prop saveUrl.

Below is my current setup of React component:

					<Upload
						saveUrl={uploadUrl}
						saveHeaders={{
							Authorization: `Bearer ${accessToken}`
						}}
						saveMethod='PUT'
					/>

I am getting error The Content-Range header is missing or malformed. and I would like to know how to sent bytes as explained here https://learn.microsoft.com/en-us/onedrive/developer/rest-api/api/driveitem_createuploadsession?view=odsp-graph-online#upload-bytes-to-the-upload-session

Thanks

I need to make all grid lines and axes disappear on a Chart using ChartSeries and not ChartCategories. I realize the standard answer is to set line visibility to false on ChartCategoryAxisItem, but for technical purposes this chart needs to not utilize categories.

The code:

<Chart style={{ height: 179, background: "#DDE9ED" }}>
<ChartArea background="#DDE9ED" />
<ChartSeries>
<ChartSeriesItem
data={series}
gap={1} type="bar" field="data" categoryField="name" color="color"
labels={{ visible: true, font: "14", background: "#DDE9ED" }}
/>
</ChartSeries>
</Chart>

How the chart currently looks:
How we want it to look:

My data fits into a single page, and I don't want to show any of the paging controls other than the info. However I can't seem to remove the dropdown

See https://stackblitz.com/edit/react-fv221r?file=app%2Fmain.tsx for a repro

Hi all: 

I'm using the Grid - Column Menu Filter component, but when filtering a column, it's still the three dots icon. This makes it impossible to see which columns are filtered and which are not. This is not very friendly. Is it possible to change the three-dot icon to a funnel icon when filtering?

Looking forward to your reply

React Data Grid Component & Filtering - KendoReact Docs & Demos (telerik.com)

Hello,

Currently we are getting an error for missing locale info for 'hr' but not for 'en' when adding DatePicker input in the scope of the project (DateTimePicker and TimePicker workds just fine).

We are loading all the data needed with the cldr packages so cldr-core (likelySubtags, currencyData, weekData), and cldr-number-full and cldr-dates-full for these two locales. For hr locale it gives an error saying missing locale info for 'hr' pointing at the split-date-format.js but when we change to 'en' locale and pass it to IntlProvider and LocalizationProvider it goes without problem.

We would appreciate some feedback for this or atleast an escape hatch for a while becuase we want to use DatePicker component.

Best regards.

I have shared the screenshots of the problem.

The Column separators appear when executing localhost (i.e. npm start)

But the column separators dont appear when deployed on Host (i.e. npm run build).
However, if I hover over the separator area, I'm able to resize and re-order the columns.
Just the visual lines are not visible.

I use a custom MuellerTheme.css that I downloaded via the Progress-ThemeBuilder.

Attached are the package.json and additional .css files in use.

I want to upgrade kendo react Grid component(@progress/kendo-react-grid@5.5.0) to version 5.5.0.  but its showing dependency errors related some other components as well.  Please help on this issue.

Hi team,

I would like to change particular slot background color on certain days based on certain condition.

I read:
https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots/

I am aware there is this props:
https://www.telerik.com/kendo-react-ui/components/scheduler/api/SchedulerSlotProps/

isAllDay, isWorkDay, etc

But is there a way for me to add my own custom props like "isOnDuty", and then if true, I can color it with specific colors.

Or certain way to customize the background color based on a condition checking.

Something like (I use devtool to edit):

Edit, was able to do using this code:

const CustomSlot = (props) => {
  
  let colorBg;
  if(props.start.getHours() === 8 && props.start.getDay() === 1){
    colorBg = '#f520aa';
  } else if(props.isAllDay || !props.isWorkHour || !props.isWorkDay){
    colorBg = '#ffddcc';
  } else {
    colorBg = '#ccff99';
  }
 
  return (
    <SchedulerSlot
      {...props}
      style={{
        ...props.style,
        backgroundColor: colorBg,
      }}
    />
  );
};

But my main thing is not about this, I would like to somewhat give each slot a way to have its own prop to uniquely identify itself.

Thanks and appreciated.