Telerik Forums
KendoReact Forum
1 answer
96 views

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

 

Konstantin Dikov
Telerik team
 answered on 28 Apr 2023
1 answer
628 views

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.

Wissam
Telerik team
 answered on 28 Apr 2023
1 answer
336 views

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>
        </>
    )
}
Vessy
Telerik team
 answered on 26 Apr 2023
1 answer
90 views

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

Filip
Telerik team
 answered on 26 Apr 2023
1 answer
380 views

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...

Vessy
Telerik team
 answered on 25 Apr 2023
1 answer
91 views
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?
Vessy
Telerik team
 answered on 25 Apr 2023
0 answers
408 views

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>
        </>
    )
}
Surender
Top achievements
Rank 1
 updated question on 25 Apr 2023
1 answer
77 views

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.

Vessy
Telerik team
 answered on 24 Apr 2023
1 answer
119 views

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>
  );

Wissam
Telerik team
 answered on 24 Apr 2023
1 answer
106 views

Hello,

Is there a way to add a select input to TreeList inline editing? I just able to find only text, numeric, date and boolean inputs. 

Thanks in advance.

Wissam
Telerik team
 answered on 20 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?