setOptions

Update the dimensions of the widget, the active page or the processor.

To run the below example, open it in Dojo

Example

<div id="example">
    <div class="box">
        <div class="box-col">
            <ul class="options">
                <li>
                    <button class="k-button" id="setOptions" type="button">Set the new options</button>
                </li>
            </ul>
        </div>
    </div>
    <div id="pdfViewer">
    </div>
</div>

<script type="module">
    $(document).ready(function () {

        var pdfViewer = $("#pdfViewer").kendoPDFViewer({
            pdfjsProcessing: {
                file: "https://demos.telerik.com/kendo-ui/content/web/pdfViewer/sample.pdf"
            },
            width: "100%",
            height: 700
        }).data("kendoPDFViewer");

        $("#setOptions").click(function () {
            pdfViewer.setOptions({
                width: "85%",
            height: 450
            })
        });
    });
</script>