Questions on KendoReact Forum

1 answer

465 views

How to write unit test cases for chart components

How I can I write unit test cases for chart components.
For example, I have pasted one screenshot for seriesVisual. By mocking data it is not covered in coverage. I am using react-testing-library and jest for writing test cases.

Charts

answered on 28 Apr 2023

1 answer

208 views

kendo-react-pdf-viewer : make pdf FitToWidth on load

I just want to set the default page width to 'fitToWidth' instead of 100% on page load. Below is the reference code:

import * as React from "react";
import { PDFViewer, PDFViewerTool } from "@progress/kendo-react-pdf-viewer";
import { SampleFileBase64 } from "./base64Sample";
export const DocumentViewer = (props: any) => {
    const pdfViewerTools: PDFViewerTool[] = ["pager", "spacer", "zoomInOut", "zoom", "selection", "search", "open", "download", "print"];
    
    return (
        <>
            <div>
                {<PDFViewer
                        data={SampleFileBase64}
                        defaultZoom={1}
                        style={{ height: 500 }}
                        tools={pdfViewerTools}
                    />
                }
            </div>
        </>
    )
}

PDF Viewer

answered on 26 Apr 2023

1 answer

52 views

How to make the content of the chart automatically fill the container without being blocked?

As shown in the figure, when I use the Chart component, due to the large content of the label, some text on the top is blocked, but there is still a lot of space at the bottom, I wonder if there is any way to make it better displayed

Charts

answered on 26 Apr 2023

1 answer

266 views

How to perform Chunk upload for large multiple file sizes in kendo React UI upload

Need to know how to perform chunk upload for multiple files, in kendo React UI upload....

Also need to know how to upload really large of 2 GB via Kendo react upload if not for chunk upload. Increasing the max fileSize in the upload doesn't actually for this case...

Upload

answered on 25 Apr 2023

1 answer

58 views

Partial shaded area charts

Is something like the attached screenshot possible. Where you can have a partially shaded area chart, and then change the color of the shaded area within a certain range?

Charts

answered on 25 Apr 2023

0 answers

303 views

kendo-react-pdf-viewer: Increases all the pages to double if User clicks on zoom.

PDF loads correctly but pages are getting double if user clicks on any of the zoom option first time. But download pdf with the correct number of pages. Below is the reference code:

import * as React from "react";
import { PDFViewer, PDFViewerTool } from "@progress/kendo-react-pdf-viewer";
import { SampleFileBase64 } from "./base64Sample";
export const DocumentViewer = (props: any) => {
const pdfViewerTools: PDFViewerTool[] = ["pager", "spacer", "zoomInOut", "zoom", "selection", "search", "open", "download", "print"];

return (
<>
<div>
{<PDFViewer
data={SampleFileBase64}
defaultZoom={1}
style={{ height: 500 }}
tools={pdfViewerTools}
/>
}
</div>
</>
)
}

PDF Viewer

updated question on 25 Apr 2023

1 answer

52 views

TreeList v3.17.0

Hi all,

I'm running KendoReact v3.17.0

Was the filter input not added to the TreeList until a later version?

I've added the Treelist component and it's missing the filter box between the column title and the data tree.

TreeList

answered on 24 Apr 2023

1 answer

85 views

Control Popup State of DateTimePicker in a Dialog

So it seems no matter what I do, I can't have a DateTimePicker default to show={true} in a Dialog. I keep getting a Maximum Update error in the popup. All I'm trying to render is this;

return (
     <Dialog
      title="Select Time Range"
      onClose={props.toggleDialog}
      width={900}
      height={700}
    >
      <DateTimePicker
        show={true}
      ></DateTimePicker>    
    </Dialog>
  );