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 React.
How it works. The settings object is passed to the export, so the generated PDF matches the layout you specify.
In React.
import { Stimulsoft } from "stimulsoft-dashboards-js-react";
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");
}
function App() {
return <button onClick={saveDashboardPdf}>Export to PDF</button>;
}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.