One-Click Export to PDF in C# for Admin Dashboards

The Problem With Exporting Dashboards

Internal dashboards are built to be viewed in a web browser. The moment someone needs to share one outside it: a board meeting deck, a weekly KPI snapshot for the leadership team, or a compliance audit report, things fall apart quickly.

Browser print-to-PDF is the first thing people try and the first thing that fails. Pages break and cut through charts, navigation sidebars bleed into the layout, and the resulting PDF looks nothing like the live dashboard. Screenshots are worse: resolution degrades when scaled to A4, text isn't searchable, and a multi-section KPI view rarely fits in one image without losing half the data.

The deeper problem is JavaScript-rendered charts. Since Chart.js, ApexCharts, and Highcharts draw to a HTML element asynchronously, a native HTML to PDF snapshot often captures an empty canvas. The HTML content is there in the DOM, but the visualization isn't. This is where IronPDF can help.

The result is a developer receiving a message icon every Monday asking them to manually pull and format a report. That is not a scalable workflow. Today, we'll look at an IronPDF example to see how it can create PDF documents from HTML content.

The Solution: Server-Side Dashboard Rendering With IronPDF

IronPDF renders the same HTML that powers your dashboard into a pixel-perfect PDF document. The user clicks an "Export to PDF" button (perhaps marked with a key in blue circle or blue key in circle), an API endpoint handles the convert HTML logic, and the browser downloads the PDF content.

There is no Puppeteer sidecar to deploy, no wkhtmltopdf binary to manage, and no third-party export API to pay for and monitor. IronPDF runs inside your existing ASP.NET application as a C# NuGet library for PDF tasks. It embeds a Chromium engine that executes JavaScript the same way a real browser does, which means Chart.js and ApexCharts render correctly, because they actually run before the page is captured.

The export button becomes a self-service feature any business user can operate, without pulling a developer into the loop.

How It Works in Practice

document.getElementById('export-btn').addEventListener('click', async () => {
    const params = new URLSearchParams({ from: dateFrom, to: dateTo, region: selectedRegion });
    const response = await fetch(`/api/reports/export?${params}`);
    const blob = await response.blob();
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'dashboard-report.pdf';
    a.click();
});

document.getElementById('export-btn').addEventListener('click', async () => {
    const params = new URLSearchParams({ from: dateFrom, to: dateTo, region: selectedRegion });
    const response = await fetch(`/api/reports/export?${params}`);
    const blob = await response.blob();
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'dashboard-report.pdf';
    a.click();
});

using IronPdf;
using IronPdf.Rendering;

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;

renderer.RenderingOptions.WaitFor.NetworkIdle0();

renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;

renderer.RenderingOptions.MarginTop = 15;

renderer.RenderingOptions.MarginBottom = 15;

var pdf = renderer.RenderHtmlAsPdf(dashboardHtml);

using IronPdf;
using IronPdf.Rendering;

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;

renderer.RenderingOptions.WaitFor.NetworkIdle0();

renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;

renderer.RenderingOptions.MarginTop = 15;

renderer.RenderingOptions.MarginBottom = 15;

var pdf = renderer.RenderHtmlAsPdf(dashboardHtml);

Imports IronPdf
Imports IronPdf.Rendering

Dim renderer As New ChromePdfRenderer()

renderer.RenderingOptions.EnableJavaScript = True

renderer.RenderingOptions.WaitFor.NetworkIdle0()

renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print

renderer.RenderingOptions.MarginTop = 15

renderer.RenderingOptions.MarginBottom = 15

Dim pdf = renderer.RenderHtmlAsPdf(dashboardHtml)

[HttpGet("api/reports/export")]

public IActionResult ExportDashboard([FromQuery] ReportFilters filters)

{

    var dashboardHtml = _reportService.BuildDashboardHtml(filters);

    var renderer = new ChromePdfRenderer();

    renderer.RenderingOptions.EnableJavaScript = true;

    renderer.RenderingOptions.WaitFor.NetworkIdle0();

    renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

    PdfDocument report = renderer.RenderHtmlAsPdf(dashboardHtml);

    return File(

        report.BinaryData,

        "application/pdf",

        $"KPI-Report-{filters.From:yyyyMMdd}.pdf"

    );

}

[HttpGet("api/reports/export")]

public IActionResult ExportDashboard([FromQuery] ReportFilters filters)

{

    var dashboardHtml = _reportService.BuildDashboardHtml(filters);

    var renderer = new ChromePdfRenderer();

    renderer.RenderingOptions.EnableJavaScript = true;

    renderer.RenderingOptions.WaitFor.NetworkIdle0();

    renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

    PdfDocument report = renderer.RenderHtmlAsPdf(dashboardHtml);

    return File(

        report.BinaryData,

        "application/pdf",

        $"KPI-Report-{filters.From:yyyyMMdd}.pdf"

    );

}

Imports Microsoft.AspNetCore.Mvc
Imports IronPdf

<HttpGet("api/reports/export")>
Public Function ExportDashboard(<FromQuery> filters As ReportFilters) As IActionResult

    Dim dashboardHtml = _reportService.BuildDashboardHtml(filters)

    Dim renderer = New ChromePdfRenderer()

    renderer.RenderingOptions.EnableJavaScript = True

    renderer.RenderingOptions.WaitFor.NetworkIdle0()

    renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print

    Dim report As PdfDocument = renderer.RenderHtmlAsPdf(dashboardHtml)

    Return File(report.BinaryData, "application/pdf", $"KPI-Report-{filters.From:yyyyMMdd}.pdf")

End Function

Real-World Benefits

Self-service for business users. Once the export button is live, the "can you pull a report for me?" Slack messages stop. Any user with access to the dashboard can download their own PDF without filing a request.

Chart fidelity. Because Chromium executes the JavaScript inside IronPDF, Chart.js, ApexCharts, and Highcharts charts render in the PDF exactly as they appear on screen — including colors, tooltips rendered as static labels, and responsive sizing.

Brand consistency. Every exported report carries the company logo, color palette, and typography defined in the dashboard's stylesheet. There is no reformatting step between export and distribution.

Scheduled generation. Pair the rendering call with a background job to email weekly or monthly PDFs to stakeholders automatically. Leadership receives a polished report without anyone generating it manually.

No external dependencies. IronPDF runs in-process. There is no Puppeteer Node.js process to keep alive, no wkhtmltopdf binary to bundle per platform, and no SaaS export API with rate limits or per-document pricing.

Print-optimized layout. CssMediaType.Print applies your @media print rules at render time, letting you define a clean, export-specific layout in CSS without maintaining a separate HTML template.

Closing

Adding a "Export to PDF" button to an admin dashboard sounds like a small feature. In practice, it eliminates a recurring manual task, gives non-technical users a capability they have been working around for years, and produces a document that reflects how the data actually looks rather than a broken print-dialog approximation.

IronPDF handles the rendering complexity — JavaScript execution, CSS media types, chart capture — so the implementation on your end is a controller action and an HTML template. If you want to test it against your own dashboard, a 30-day free trial with full features and no watermarks is available at ironpdf.com.