Exporting a Dashboard from Code with Changing Export Settings
Our sample projects and report templates can help you learn the basics of working with our products.A code-driven dashboard export can be fine-tuned with a settings object — here PDF orientation and paper size.
In Vue.
How it works. The settings object is passed to the export, so the generated PDF matches the layout you specify.
In Vue.
<script setup lang="ts">
import { Stimulsoft } from "stimulsoft-dashboards-js-vuejs";
async function saveDashboardPdf() {
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/Dashboard.mrt");
await report.renderAsync2();
var settings = new Stimulsoft.Dashboard.Export.Settings.StiPdfDashboardExportSettings();
settings.orientation = Stimulsoft.Report.Components.StiPageOrientation.Portrait;
settings.paperSize = Stimulsoft.System.Drawing.Printing.PaperKind.A3;
var pdfData = await report.exportDocumentAsync2(Stimulsoft.Report.StiExportFormat.Pdf, undefined, settings);
Stimulsoft.System.StiObject.saveAs(pdfData, report.reportAlias + ".pdf", "application/pdf");
}
</script>
<template>
<button @click="saveDashboardPdf">Export to PDF</button>
</template>StiPdfDashboardExportSettings— per-format options such asorientationandpaperSize.exportDocumentAsync2(format, undefined, settings)— export with those settings applied.
How it works. The settings object is passed to the export, so the generated PDF matches the layout you specify.