New to Kendo UI for jQuery? Start a free 30-day trial

DefaultPageSize

configuration

Specifies the default page size if no PDF is displayed in the PDFViewer. The page size will shrink to fit the viewer dimensions.

defaultPageSize

Object

<div id="pdf-viewer"></div>
<script type="module">
    $("#pdf-viewer").kendoPDFViewer({
        defaultPageSize: {
            width: 595,
            height: 842
        }
    });
</script>

defaultPageSize.height

Number

Specifies the default height in pixels for PDF pages when no document is loaded. The page will be automatically scaled to fit the viewer's dimensions while maintaining aspect ratio.

Default: 1123

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    defaultPageSize: {
        height: 900
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>

defaultPageSize.width

Number

Specifies the default width in pixels for PDF pages when no document is loaded. The page will be automatically scaled to fit the viewer's dimensions while maintaining aspect ratio.

Default: 794

<div id="pdfviewer"></div>
<script type="module">
$("#pdfviewer").kendoPDFViewer({
    defaultPageSize: {
        width: 600
    },
    pdfjsProcessing: {
        file: {
            url: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
        }
    }
});
</script>