React Embedded AnalyticsExporting

Studio reports can be exported for viewing outside of the browser.

Print Layout Copy Link

Printing physical copies or exporting to PDF are achieved using the browser's print dialogue. Only the content will be exported, and the remaining UI will be hidden.

For best results, configure the page's layout to match your target paper size and margins. The layout is measured in pixels, and a conversion factor of 96 pixels per inch is used.

The example below targets landscape A4 (297 × 210mm, or 1123 × 794px). Setting minWidth and maxWidth to the same value fixes the page width, height fixes the page height, and pagePadding insets the content by 1 inch.

const pageState = {
    layout: {
        minWidth: 1123,
        maxWidth: 1123,
        height: 794,
        pagePadding: 96,
    },
}

To preconfigure the browser's print dialogue, copy the page size and margins into a @page rule in your CSS:

@page {
    size: A4 landscape;
    margin: 96px;
}