Hi,

I tried to set my footer cell as fully colspanned but it didn't go well. 

'

This is what I expected :

Anyone can help about this?

Thanks

Hello,

This is a generic question. We use Kendo React for Export PDF functionality. We use Redux for state management.
On clicking of Export we make bunch of API calls and export all the React components into PDF.
The size of PDF is around 1.2MB
The problem we are facing is, the PDF is downloading perfectly alright in Firefox browser. It is taking around 90-120 seconds for PDF to download.
But we are facing issue in Chromium browsers(Google Chrome and Edge). The PDF is taking around 20 minutes and it is crashing application sometimes.
I cannot create stackblitz sample for this as it would be hard replicating all the things that are happening in background.

I know this is very little information. But can someone clarify if Kendo behaves differently in Different browsers

Thanks and Regards,
Krishna

Hi, I am using filterBy from @progress/kendo-data-query to allow filtering of the data displayed in my kendo-react-grid. For more intuitive UI, i'd like to change the icon for this from a filter to a search magnifying glass. Is this possible? I saw some other Q/As related to this but they all suggested editing the css.... my file uses makeStyles instead for styling so I wasn't sure how to proceed. Let me know if you have suggestions for how to do this. 

I'm trying to track duration in hours/minutes with separate NumericTextbox fields, where the Hours are increased by 1 if Minutes becomes 60, and Minutes is reset back to 0.

Demo: https://stackblitz.com/edit/react-cdbhuu?file=app/main.jsx 
(Click the up spinner for Minutes, as it increases from 0 -> 15 -> 30 -> 45 -> 60)

Hi all, 

I found an example about how to hide and show specific columns (https://stackblitz.com/edit/react-grid-toggle-column-xyixv6?file=index.js)

Unfortunately, which is written in React class that I'm not familiar with at all ...

I would like to know if there are any other solutions or alternatives to realize the same functions but in  React Hooks ...

Any suggestions and help are very welcomed and appreciated. 

Hi all, 

I got two questions actually.

I want to know if there's a way to add paragraphs, titles, and images while exporting PDFs from Grid ?

Besides, I don't know why the PDF output of Chinese characters all became garbled and I just can't figure it out. 

Any help will be appreciated.

Thanks!

I am creating SPFx app. Here is the code : 

React Version : 16.9.0

Kendo versions :

I'm trying to integrate Typescript into my current project, but I'm unable to use Grid with it.

Here's the sample code:

import React from 'react';
import {Grid, GridColumn} from "@progress/kendo-react-grid";

export default function App(){
    const data = [{id: 1}];
    
    return <div className="App">
        <Grid data={data}>
            <GridColumn field="id"/>
        </Grid>
    </div>
}

Here's the error:
TS2322: Type '{ children: Element; data: { id: number; }[]; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Grid> & Pick<Pick<Readonly<GridProps>, keyof GridProps> & Pick<...> & Pick<...>, keyof GridProps> & InexactPartial<...> & InexactPartial<...>'.   
Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Grid> & Pick<Pick<Readonly<GridProps>, keyof GridProps> & Pick<...> & Pick<...>, keyof GridProps> & InexactPartial<...> & InexactPartial<...>'.

This error shows for any Grid's prop, not only data, but if there won't be any Grid's prop set, but only a child - Typescript compiles the code.

Is it only happening on my side? 
Thank you for any help. 

Hi folks,

I've got a question about the Drawing utilities in Kendo React. Specifically, I'm drawing some Text on the Surface and would like that Text to scale to fit within a particular "bounding box".

When creating the Text object, I do not see any option or concept of a bounding box. I only see the ability to set the starting point to draw the Text at and then a way to set the Text's CSS Font properties.

While I could try to come up with some code to calculate a font size that would scale that Text up given a bounding box dimension, I was curious if Kendo React had any support or concept of this already built in? Or perhaps a suggestion on how to do this?

Attached is a screen shot of the Text that I am drawing and then an additionally-drawn bounding box. The box and Text have no relation - they're just two things I'm drawing right now. This shows the box in which I'd like the Text to scale up to fit into, though.

Any ideas? Thanks.