Telerik Forums
Kendo UI for jQuery Forum
0 answers
156 views

We are using the Kendo PDF export library in our Angular 8 application to export the page into PDF and using the page break feature. It works fine but sometimes it breaks the UI and display single box into 2 pages and breaking internal content of page onto 2 pages (Screenshot is attached the for the reference and understanding of the issue).

We tried with different styling but no luck, can someone help us on the urgent basis.

Deepak
Top achievements
Rank 1
 asked on 21 Jul 2021
1 answer
83 views

How to pass additional data to asp.net controller using kendo.saveas method with forceProxy=true?
Cause I want to send uid to server, so that it will be placed to cookie there. And after that I will check cookie periodically, so that if it's not undefined I can do something.

 

Neli
Telerik team
 answered on 19 Jul 2021
1 answer
174 views

Hi

Do you have an PDF Export sample that running on complete window modalf for Kendo UI v2016.1.226

 

Regards

 

Dimitar
Telerik team
 answered on 14 Jul 2021
1 answer
851 views

I have such a method that converts div with id="pdf-div" to pdf.
Html looks correct, and has all styles that are needed, but result pdf has no font-weight style(that is like font-weight:900) on elements, but font-weight: bold works correct.

kendo.drawing.drawDOM("#pdf-div", {
        scale: scale,
        fitWidth: true,
        paperSize: "A4",
        landscape: isLandscape,
        margin: margin,
        })
        .then(function (group) {
            kendo.drawing.pdf.saveAs(group, fileName, proxyURL, function () {
            //    window.close();
            });
        })

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 24 May 2021
1 answer
328 views

I'm using a KendoPDFViewer component, and it works fine.

I want to enable selection by default, so that the use don't need to enable it manually. 

I want to know in the following code snipet, how can i set "Enable Selection" property to true?

function createPdfViewer($elem) {
	$.when(
		$.getScript("https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"),
		$.getScript("https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js")
	).done(function () {
		window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
	}).then(function () {
		$elem.kendoPDFViewer({
			pdfjsProcessing: {
				file: $elem[0].dataset.filename
			},
			width: $elem[0].dataset.width,
			height: $elem[0].dataset.height
		}).data("kendoPDFViewer");
	});
}

Aleksandar
Telerik team
 answered on 03 May 2021
1 answer
795 views

I'm using Kendo's JQuery PDFViewer control to display PDF files inline in a web page. The control is launched into a modal popup via a piece of JavaScript, thusly:

 

var launchPDFModal = function (param1, param2, param3) {
        var pdfViewer = $("#pdfViewer").data("kendoPDFViewer");
        if (!pdfViewer) {
            pdfViewer = $("#pdfViewer").kendoPDFViewer({
                pdfjsProcessing: {
                    file: ""                 },
                width: "100%",
                height: "85vh",
                toolbar: {
                    items: [
                        "pager", "zoom", "search", "download", "print"                     ]
                },
                messages: {
                    defaultFileName: param1
                }
            }).data("kendoPDFViewer");
        }
 
        var pdfHandlerUrl = "/api/pdfViewer/" + param1 + "/" + param2 + "/" + param3;
        pdfViewer.fromFile(pdfHandlerUrl);
 
        $("#pdfViewerModal").show();
    }

The three params are used to identify the file to be shown and file is returned as a stream as the files are stored in data and not as files on a drive. I have verified the references to the Kendo library, pdf.js and pdf.worker.js are all correct as required.

The PDF file loads and displays just fine in the control. The download button also successfully saves the file to the local drive. However, when I click the print button, and the print preview shows up, it has the correct number of pages, but they are all blank. Trying the actual print, just prints blank pages. Browser doesn't matter. I've tried Chrome, Edge, and Firefox. Same thing. I've also verified that it's not an ad blocker (neither Edge nor Firefox installs have any plugins on them).

Ivan Danchev
Telerik team
 answered on 03 Dec 2020
2 answers
216 views

Hi Admin, I would like to use the dplProcessing for Kendo PDF Viewer, and the requirements there mentioned Telerik.Web.PDF is needed. But i can't find it even I download the latest trial pack. May I know where can I get it?

Reference: https://docs.telerik.com/kendo-ui/controls/PDF/PDFViewer/dpl-processing

Syan
Top achievements
Rank 1
 answered on 29 Oct 2020
4 answers
325 views

Latest 2019 R3 release,

kendo for dotnet core,

pdf.js same version as from pdf vewier kendo demo cdn,

only started happening in R3, R1,R2 weren't effected.

 

Please see attached.

Dimitar
Telerik team
 answered on 08 Jun 2020
3 answers
479 views

I'm following some of the most basic kendoPDFViewer examples, and this section of code in the js file consistently crashes;

                            var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
                            if (!pdfViewer) {
                                pdfViewer = $("#documentViewer").kendoPDFViewer({ //<------crashes here
                                    pdfjsProcessing: {
                                        file: ""
                                    },
                                    width: "100%",
                                    height: 500
                                }).data("kendoPDFViewer");
                            }

#documentViewer is the id of the div I'm attempting to attach the viewer to.  Debugging shows the problem happening when I try to declare the currently null pdfViewer as a kendoPDFViewer.  I made sure to include the pdf scrips in my index.html as well.

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>

<script> window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';</script>

 

Am I putting the scripts in the wrong location or something?

 

Thanks.

Dimitar
Telerik team
 answered on 02 Apr 2020
3 answers
314 views

Hello

 

Are there any plans for annotation layer?

 

Thank you

Jeff


Dimitar
Telerik team
 answered on 09 Jan 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?