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");
});
}
1 Answer, 1 is accepted
Hello Alireza,
A possible approach to achieve the desired result is to handle the render event of the PDFViewer. The PDF Viewer uses internally the Toolbar widget, so for example, on the first time the render event is fired, you can get a reference to the Enable Selection button and call the toggle method of the Toolbar:
<script>
var firstRender = true;
$(document).ready(function () {
var vr= $("#pdfViewer").kendoPDFViewer({
pdfjsProcessing: {
file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
},
width: "100%",
height: 1200,
render: function(e) {
if (firstRender) {
var selectionElement = $(".k-toolbar").find('a[title="Enable Selection"]');
e.sender.toolbar.toggle(selectionElement, true);
firstRender = false;
}
}
}).getKendoPDFViewer();
});
</script>Here is a runnable example of the above-suggested approach.
I hope this helps achieve the desired result.
Regards,
Aleksandar
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Rank 1
Rank 1
