Questions on KendoReact Forum

1 answer

176 views

[Solved] Scheduler component - confirm dialog before saving when create or edit item

Hi Support team,

I have a request to open a confirm dialog when user create or update item in scheduler.

If end user chooses yes button, it will create/update item and close all dialogs.

If end user chooses no button, it will close confirm dialog and keep create/update dialog still opening.

Please advice how to do it.

Scheduler

answered on 02 May 2023

2 answers

715 views

DropDownList - Get only the ID and not the whole object

I need to find a way to just capture the dropdown id, I don't want the whole object like this in my output. 

Which prop can I use to capture just my selection ID? For example in a traditional HTML select can I ? 
I can't believe kendo doesn't have this solution 

<DropDownList

textField={"description"}

  dataItemKey={"id"}

  value={form?.importLevelId}

  onChange={(evt) => {

  lists.importLevelId = evt.target.value;

  setForm({ ...form, importLevelId: evt.target.value });

}}

  data={integrationSetupCombos?.importLevels}/>

My output:importLevelId:
description: "Tactic"
id: 1

DropDownList

answered on 02 May 2023

1 answer

153 views

[Solved] For line chart can we plot lines from origin

Hi,

I am trying to plot a line in chart from origin. In below image lines are starting from 8AM. can we plot 7AM at the origin of both axis, so all lines will start from origin 0. here I am trying to show data from 7AM to 8AM right now it is from 8AM. so at starting point it should be start from 0.
Is this possible with line chart

Charts

answered on 02 May 2023

1 answer

133 views

CircularGauge

Hai,

I'm facing an issue where I'm unable to resize my circular gauge as demonstrated below. Can you please advise me on how I can reduce the size of the gauge? Additionally, is there a way to enable a feature where clicking on the circular gauge it will change the percentage , limited to specific values such as 25%, 50%, 75%, and 100%?

I attached my code for your reference. TQ

Gauge

answered on 28 Apr 2023

1 answer

687 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

392 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

112 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

424 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

119 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

473 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