Winnovative HTML to PDF Converter

Add Page Numbering in HTML

Winnovative HTML to PDF Converter for .NET Documentation

Winnovative HTML to PDF Converter allows you add HTML in header and footer. The HTML you add in header and footer as WinnovativeHtmlToPdfVariableElement objects can contain the &p; place holder for current PDF page number and the &P; place holder for the total number of pages of the PDF document.

Code Sample - Add Page Numbering in HTML
Copy
protected void convertToPdfButton_Click(object sender, EventArgs e)
{
    // Create a HTML to PDF converter object with default settings
    HtmlToPdfConverter htmlToPdfConverter = new HtmlToPdfConverter();

    // Set license key received after purchase to use the converter in licensed mode
    // Leave it not set to use the converter in demo mode
    htmlToPdfConverter.LicenseKey = "fvDh8eDx4fHg4P/h8eLg/+Dj/+jo6Og=";

    // Set an adddional delay in seconds to wait for JavaScript or AJAX calls after page load completed
    // Set this property to 0 if you don't need to wait for such asynchcronous operations to finish
    htmlToPdfConverter.ConversionDelay = 2;

    // Enable footer in the generated PDF document
    htmlToPdfConverter.PdfDocumentOptions.ShowFooter = true;

    // Optionally add a space between footer and the page body
    // Leave this option not set for no spacing
    htmlToPdfConverter.PdfDocumentOptions.BottomSpacing = float.Parse(footerSpacingTextBox.Text);

    // Set the footer height in points
    htmlToPdfConverter.PdfFooterOptions.FooterHeight = 50;

    // ----- Add HTML with Page Numbering to Footer -----

    // Create a variable HTML element with page numbering
    string htmlStringWithPageNumbers = htmlWithPageNumbersTextBox.Text;
    string baseUrl = baseUrlTextBox.Text;
    HtmlToPdfVariableElement footerHtmlWithPageNumbers = new HtmlToPdfVariableElement(htmlStringWithPageNumbers, baseUrl);

    // Set the HTML element to fit the container height
    footerHtmlWithPageNumbers.FitHeight = true;

    // Add variable HTML element with page numbering to footer
    htmlToPdfConverter.PdfFooterOptions.AddElement(footerHtmlWithPageNumbers);

    // Optionally draw a line at the top of the footer
    if (drawFooterLineCheckBox.Checked)
    {
        // Calculate the footer width based on PDF page size and margins
        float footerWidth = htmlToPdfConverter.PdfDocumentOptions.PdfPageSize.Width -
                    htmlToPdfConverter.PdfDocumentOptions.LeftMargin - htmlToPdfConverter.PdfDocumentOptions.RightMargin;

        // Create a line element for the top of the footer
        LineElement footerLine = new LineElement(0, 0, footerWidth, 0);

        // Set line color
        footerLine.ForeColor = Color.Gray;

        // Add line element to the bottom of the footer
        htmlToPdfConverter.PdfFooterOptions.AddElement(footerLine);
    }

    // Convert the HTML page to a PDF document in a memory buffer
    byte[] outPdfBuffer = htmlToPdfConverter.ConvertUrl(urlTextBox.Text);

    // Send the PDF as response to browser

    // Set response content type
    Response.AddHeader("Content-Type", "application/pdf");

    // Instruct the browser to open the PDF file as an attachment or inline
    Response.AddHeader("Content-Disposition", String.Format("attachment; filename=Page_Numbers_in_HTML.pdf; size={0}", outPdfBuffer.Length.ToString()));

    // Write the PDF document buffer to HTTP response
    Response.BinaryWrite(outPdfBuffer);

    // End the HTTP response and stop the current page processing
    Response.End();
}
HTML with Page Numbering Place Holders to Use in HtmlToPdfVariable Element
XML
Copy
<!DOCTYPE html>
<html>
<head>
    <title>Add Page Numbering in HTML</title>
</head>
<body style="font-family: 'Times New Roman'; font-size: 14px">
    <table style="width: 100%">
        <tr>
            <td style="font-weight: bold; color: navy">HTML with Page Numbering</td>
            <td rowspan="2"><a href="http://www.winnovative-software.com">
                <img alt="Logo Image" style="width: 200px" src="img/logo.jpg" /></a></td>
            <td rowspan="2" style="width: 5px"></td>
        </tr>
        <tr>
            <!-- Add Page Numbering in HTML using &p; and &P -->
            <td style="width: 90%">Page <span style="color: navy; font-weight: bold">&p;</span> of <span style="font-size: 16px; color: green; font-weight: bold">&P;</span> pages
            </td>
        </tr>
    </table>
</body>
</html>