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.
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.
Hi
Do you have an PDF Export sample that running on complete window modalf for Kendo UI v2016.1.226
Regards
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();
});
})
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"); }); }
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).
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
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.
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.
Hello
Are there any plans for annotation layer?
Thank you
Jeff