or
1 answer
262 views
Hi,
Why can't I use the Grid component inside the Drawer? The scroll disappears, and when scrolling occurs, it happens on the page and not within the grid. I created an example containing two grids. As you can see, the top grid has scrolling, but when inserted inside the Drawer, the scrolling no longer appears
Link
Oq8tmu (forked) - StackBlitz
These display: flex settings are responsible for this. I don't understand why, and what can I do to fix that?
2 answers
157 views
I have a project using KendoUI with NextJS 14 and using Turbo pack, I upgraded to 7.0.1 because it said "now with next support" but I am getting errors like this:
There are types at '/app/apps/myproject/node_modules/@progress/kendo-react-grid/index.d.ts',
but this result could not be resolved when respecting package.json "exports". The '@progress/kendo-react-grid' library
may need to update its package.json or typings.
Vessy
Telerik team
answered
on
15 Dec 2023
1 answer
73 views
Hi team,
we were trying to add plus svg icon in kendo grid row.
1. if there is no record plus should appear to add new record,
2.if there is some data present let say 10 then plus icon should appear after 10th record.
could you please help me with the possible way to implement.
Iam attaching a screenshot just for reference.
Konstantin Dikov
Telerik team
answered
on
15 Dec 2023
1 answer
181 views
The code is the same as the documentation in the React Tooltips Library Getting Started - KendoReact Docs & Demos (telerik.com). However, it is not working as expected.
is it a bug?
1 answer
120 views
I am getting this error
While trying to load kendo spreadsheet
SpreadsheetComponent.js
Module parse failed: Unexpected token (70877:38)
You may need an appropriate loader to handle this file type.
| let ref = sheet.activeCell();
| let range = new Range$1(ref, sheet);
| this.trigger('message', { ...options, name, ref, range });
| }.bind(this));
| }
Vessy
Telerik team
answered
on
12 Dec 2023
1 answer
143 views
Hi,
Wissam
Telerik team
answered
on
11 Dec 2023
1 answer
268 views
I am trying to implement scrolling within a DropDownTree KendoReact component. So far, I am not seeing that this is possible, but am hoping there is a solution or workaround. Does anyone have suggestions?
We are basically implementing a large list of selectable items to a user (may also change to a MultiSelectTree to make this work), but due to the number of items we have, the vertical height goes off the page.
I did find a forum post from a while back here that makes it seem like maybe this feature is to be implemented come January 2024, but am not positive.
Wissam
Telerik team
answered
on
08 Dec 2023
1 answer
128 views
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/
Wissam
Telerik team
answered
on
08 Dec 2023
1 answer
329 views
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
1 answer
216 views
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:
