<div class="row">
    <div class="col">

        <div id="example">

            <kendo-pdfviewer name="pdfviewer" height="300">
                <pdfjs-processing file="@(Url.Page("/Badges/Details", "VisitorBadge", new { BadgeId = @Model.Id }))" />
                <toolbar enabled="false">
                    <pdfviewer-toolbar-items>
                        <pdfviewer-toolbar-item command="PrintCommand" type="button" name="print" icon="print"></pdfviewer-toolbar-item>
                    </pdfviewer-toolbar-items>
                </toolbar>
            </kendo-pdfviewer>
        </div>

        <style>
            html body #pdfviewer {
                width: 100% !important;
            }
        </style>
    </div>
</div>

    badgereport.onWindowOpen = function () {
        $pdfviewer = $("#pdfviewer").data("kendoPDFViewer");
        $printBadgePdf = $("#printBadgePdf");
        $closeBadgePdf = $("#closeBadgePdf");
        $badgeWindow = $("#badgeWindow").data("kendoWindow");

        $printBadgePdf.on("click", function (e) {
            e.preventDefault();
            $pdfviewer.execute({ command: "PrintCommand" });

        });
        $closeBadgePdf.on("click", function (e) {
            e.preventDefault();
            $badgeWindow.close();
        });

    };