Telerik Forums
KendoReact Forum
0 answers
419 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
78 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
124 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
110 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
1 answer
111 views

Greetings,

Is there a way to open the file explorer by clicking on the ExternalDropZone component?

Thanks!

 

Best Regards,

Jason Li

Wissam
Telerik team
 answered on 20 Apr 2023
2 answers
355 views

Hi, In my application I have a sorting by both Column header click and by column menu. React

I am able to sort multiple columns only by column header click. Events triggerred in these headers click properly maintains their sort state variable, preserving the whole previous user inputs

But at the same time, I am not able to sort multi columns via column menu option. The event.sort for these events trigger only the current sort applied but not maintaining the previous inputs of it... The Grid refreshes everytime the new column menu input sort is provided 

 

So, I need maintain a state combining both the sorting forms.

Any solutions to have a common state or to prevent the tefresh ?

And one more add on, I have given sortable.mode = multiple and sortable.allowUnsort = true.... How do we get to know the field name when unsort is applied, the event.sort simply returns an array and no info on the field name

Wissam
Telerik team
 answered on 20 Apr 2023
1 answer
188 views

Is there a way to get the treeview to work with multiple levels deep?

I've added an extra level here but it's not expanding:
https://codesandbox.io/s/nervous-dew-yw73lj?file=/app/main.tsx

Vessy
Telerik team
 answered on 19 Apr 2023
3 answers
145 views

For stacked bar chart requirement is to add border to target value. I have tried with ChartSeriesItem .

It is always at top of the bar chart. what is option to put this border where target value is ends. not at bar ends

I am trying to achieve below one.  border should show where actual target value is ends.

Wissam
Telerik team
 answered on 19 Apr 2023
1 answer
121 views

I've tried to use the Rating component with the below code. But the icons aren't rendering.

import { Rating } from "@progress/kendo-react-inputs";

function RatingExample() {
  return <Rating />
}

export default RatingExample;

Taking a quick peak into the html shows a list of span - which makes sense.

<span dir="ltr" data-half="false" title="1" class="k-rating-item"><span class="k-icon k-i-star-outline-icon" role="presentation"></span></span>

The Icon is different from the one listed here. To check it I made a quick change:

<span class="k-icon k-i-star-outline" role="presentation"></span>

And it shows up.

It seems like there a small bug here, if I'm using the component wrong please advise.

Wissam
Telerik team
 answered on 19 Apr 2023
1 answer
96 views
How can I create a KendoReact grid with columns that automatically adjusts to the width of the longest content in each column ?
Konstantin Dikov
Telerik team
 answered on 18 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?