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

Printing

To select only the Dialog content that is visible during printing and hide the rest of the page content, use CSS.

The following example assumes that only one Dialog instance exists on the page. If multiple Dialog instances exist on the page and only one needs to be printed, replace the .k-dialog class by a custom CSS class that is manually applied to the wrapper element of the Dialog.

@media print
{
    body > *
    {
        display: none !important;
    }

    body > .k-dialog
    {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        border-width: 0;
        box-shadow: none !important;
    }

    .k-window .k-window-titlebar
    {
        display: none;
    }
}

See Also

In this article