Different Footer on Last page of pdf #3395

parimal20 · 2024-02-14T12:01:45Z

parimal20
Feb 14, 2024

I am creating Invoice where if invoice has more than one page so i want to show total amount, taxes. discount, etc. on last page inside footer. so in short i want to show footer on each page but last page should have different footer. If anyone know the solution please guide me.

bsweeney · 2024-02-14T15:39:55Z

bsweeney
Feb 14, 2024
Maintainer

You should be able to do this using callbacks. As an example, with the following HTML:

<style>
  #header {
    position: fixed;
    top: -2em;
    background-color: #cc330033;
    z-index: 1000;
  }
  #summary-header {
    position: absolute;
    top: -2em;
    background-color: #cc330033;
    z-index: 999;
  }
</style>

<div id="header">
   generic header
</div>

<p>
  page 1
</p>
<p style="page-break-before: always;">
  page 2
</p>
<p style="page-break-before: always;">
  page 3
</p>
<div id="summary-header">
  summary header
</div>

The following callback should hide the header on the last page:

$dompdf->setCallbacks([
    [
        'event' => 'begin_frame',
        'f' => function ($frame, $canvas, $fontMetrics) use (&$summary_rendered) {
            $node = $frame->get_node();
            if ($node->hasAttributes() && ($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "summary-header") {
                $summary_rendered = true;
            }
            if ($summary_rendered && $node->hasAttributes() && ((($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "header") || (($id = $node->attributes->getNamedItem("data-dompdf-original-id")) !== null && $id->nodeValue === "header"))) {
                $style = $frame->get_style();
                $style->set_used("display", "none");
            }
        }
    ]
]);

0 replies

parimal20 · 2024-02-15T08:51:21Z

parimal20
Feb 15, 2024
Author

Thank you for the quick reply. This is correct, but my requirement is that pages will be added automatically; I am not breaking the page manually. For example any invoice may have 20 products so product table will be lengthy & multiple page will be created automatically as needed hence i need general footer on each page but footer with amount, tax, etc. details on last page only. HTML code is attached below for your reference.

<!DOCTYPE html>
<html lang="en">

<head>

    <style>
        @page {
            margin-right: 20px;
            margin-left: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        body {
            margin: 0px;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        }

        header {
            position: fixed;
            display: block;
            width: 100%;
            margin-bottom: 100px;
            padding-bottom: 100px;
        }

        footer {
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0px;
        }

        table {
            width: 100%;
        }

        table,
        td,
        th {
            border-collapse: collapse;
        }

        .left {
            border-left: 0.95px solid black;
        }

        .right {
            border-right: 0.95px solid black;
        }

        .top {
            border-top: 0.95px solid black;
        }

        .bottom {
            border-bottom: 0.95px solid black;
        }

        .allBorder {
            border-left: 0.95px solid black;
            border-right: 0.95px solid black;
            border-top: 0.95px solid black;
            border-bottom: 0.95px solid black;
        }

        .text-center {
            text-align: center;
        }

        .text-right {
            text-align: right;
        }

        .text-left {
            text-align: left;
        }

        .bold {
            font-weight: bold;
        }

        .billToData>p {
            margin: 0;
            padding: 0;
        }


        .final-amount-table tr td{
            background-color: transparent;
        }

        .final-amount-table tr {
            font-size: 10px;
            background-color: #ffffff;
        }

        .final-amount-table tr td {
            border-left: 1px solid black;
            border-right: 1px solid black;
            border-top: 1px solid black;
            border-bottom: 1px solid black;
        }

        .final-amount-table tr:nth-child(n+2):nth-child(-n+10) td {
            line-height: 0.75;
        }

        .final-amount-table tr:nth-child(n+1):nth-child(-n+2) td,
        .final-amount-table tr:nth-child(n+10):nth-child(-n+11) td {
            line-height: 1;
        }

        .final-amount-table tr>td:first-child {
            width: 65.55%;
        }

        .final-amount-table tr>td:nth-child(2) {
            width: 19.7%;
        }

        .final-amount-table tr>td:nth-child(3) {
            width: 14.75%;
        }

        .final-amount-table tr:nth-child(n+2):nth-child(-n+9)>td:nth-child(2) {
            border-bottom: none !important;
            border-top: none !important;
        }

        .final-amount-table tr:nth-child(n+4):nth-child(-n+9)>td:nth-child(1) {

            border-bottom: none !important;
            border-top: none !important;

        }

        .final-amount-table tr:nth-child(n+2):nth-child(-n+9)>td:nth-child(2) {
            border-bottom: none;
            border-top: none;
            text-align: right;
        }

        .final-amount-table tr:nth-child(n+2):nth-child(-n+9)>td:nth-child(3) {
            text-align: center;
            border-bottom: none;
            border-top: none;

        }

        .t&c>p {
            margin: 0;
            padding: 0;
        }

        .productDescription p {
            margin: 0;
            padding-top: 8px;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
        }

        .last-page-content {
            display: none;
        }

        .last-page-content:last-of-type {
            display: table-row;
        }
        
    </style>
</head>

<body>

    {{-- calculate dis., tax, total tax, --}}

    @php
        $discountValue = str_replace(',', '', $invoice->discount);
        $totalBeforeTaxValue = str_replace(',', '', $invoice->totalBeforeTax);
        $sgstValue = str_replace(',', '', $invoice->sgst);
        $cgstValue = str_replace(',', '', $invoice->cgst);
        $igstValue = str_replace(',', '', $invoice->igst);
        $roffValue = str_replace(',', '', $invoice->roff);

        $netAmount = (float) $totalBeforeTaxValue;
        $calculatedDiscount = 0;
        $sgstPercent = 0;
        $cgstPercent = 0;
        $igstPercent = 0;
        $totalTaxes = 0;

        if (Str::contains($discountValue, '%') && $discountValue !== '') {
            $calculatedDiscount = ((float) str_replace('%', '', $discountValue) / 100) * $totalBeforeTaxValue;
            $netAmount -= $calculatedDiscount;
        } elseif (Str::contains($discountValue, '₹') && $discountValue !== '') {
            $calculatedDiscount = (float) str_replace('₹', '', $discountValue);
            $netAmount -= $calculatedDiscount;
        }

        // Calculate SGST
        if ($sgstValue !== '') {
            $sgstPercent = (float) ((floatval($sgstValue) / 100) * $netAmount);
            $totalTaxes += $sgstPercent;
        }

        // Calculate CGST
        if ($cgstValue !== '') {
            $cgstPercent = (float) ((floatval($cgstValue) / 100) * $netAmount);
            $totalTaxes += $cgstPercent;
        }

        // Calculate IGST
        if ($igstValue !== '') {
            $igstPercent = (float) ((floatval($igstValue) / 100) * $netAmount);
            $totalTaxes += $igstPercent;
        }

        $netAmount += $totalTaxes;

        if ($roffValue !== '') {
            $netAmount += floatval($roffValue);
        }

    @endphp

    <header>
        <table>
            <tbody>
                <tr style="padding:0;margin:0;">
                    <td class="left top right bottom" style="width:48%;padding:0;margin:0;text-align:center;">
                        <img style="width: 80%;height:50px;"
                            src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/Logo.png'))) }}">
                    </td>

                    <td class="left right top bottom" style="width:52%;">
                        <div> <img style="width: 40%;height:20px;"
                                src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/text.png'))) }}">
                        </div>

                        <p class="bold" style="font-size: 8px;margin:0;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br /><span style="margin-left:42px;"> Email ID: <span
                                    style="color: #0000ff; text-decoration:underline;font-weight:normal !important;">abcd@efgh.com</span>
                            </span>
                            <span style="float:right;margin-right:60px;">Contact No : <span
                                    style="font-weight:normal !important;">1234567890</span></span>
                        </p>
                        <span
                            style="width:100.5%; display:inline-block; float:left;border:0.5px solid black;margin:0;padding:0;line-height:0; margin-left: -1px"></span>

                        <p class="bold" style="font-size: 8px;margin:0;padding:0;line-height:0.7;">
                            COMPANY GSTIN : - 12345678902
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </header>

    <footer>
        <div>
            <table class="final-amount-table">
                <tbody>
                    <tr>
                        <td class="bold" colspan="3" style="text-align: right;padding-right:40px">
                            Total
                            Amount&nbsp;&nbsp; =
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            {{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($invoice->totalBeforeTax) ?? '0.00' }}
                        </td>
                    </tr>
                    @if (!empty($invoice->discount))
                        <tr class="bold" style="text-align: center;">
                            <td>BANK DETAILS FOR
                                NEFT/RTGS/IMPS</td>
                            <td>Total Amount Before Tax =&nbsp;</td>
                            <td>{{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($invoice->totalBeforeTax) ?? '0.00' }}
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                @if (!empty($invoice->discount))
                                    @if (Str::contains($invoice->discount, '%'))
                                        Discount ({{ $invoice->discount }}) =
                                    @else
                                        Discount =
                                    @endif
                                @endif

                            </td>
                            <td>{{ !empty($calculatedDiscount) || $calculatedDiscount != 0 ? app('App\Helpers\NumberHelper')->convertToIndianNumbering($calculatedDiscount) : '0.00' }}
                            </td>
                        </tr>
                    @else
                        <tr>
                            <td class="bold" style="text-align: center;background-color: #f2f2f2;">BANK DETAILS FOR
                                NEFT/RTGS/IMPS</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="bold" style="font-size:11px;background-color: #f2f2f2;">
                            <td></td>
                            <td>Total Amount Before Tax =&nbsp;</td>
                            <td>{{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($invoice->totalBeforeTax) ?? '0.00' }}
                            </td>
                        </tr>
                    @endif
                    <tr>
                        <td style="padding-top: 2px; "><span class="bold">BANK NAME
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span> HDFC BANK</td>
                        <td>Add: CGST 9%=</td>
                        <td>{{ !empty($cgstPercent) || $cgstPercent != 0 ? app('App\Helpers\NumberHelper')->convertToIndianNumbering($cgstPercent) : '0.00' }}
                        </td>
                    </tr>
                    <tr>
                        <td><span class="bold">ACCOUNT NO&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span> 1234567890123</td>
                        <td>Add: SGST 9% =</td>
                        <td>{{ !empty($sgstPercent) || $sgstPercent != 0 ? app('App\Helpers\NumberHelper')->convertToIndianNumbering($sgstPercent) : '0.00' }}
                        </td>
                    </tr>
                    <tr>
                        <td><span class="bold">ISFC CODE &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
                            qwertyuiop</td>
                        <td>Add: IGST 18%=</td>
                        <td>{{ !empty($igstPercent) || $igstPercent != 0 ? app('App\Helpers\NumberHelper')->convertToIndianNumbering($igstPercent) : '0.00' }}
                        </td>
                    </tr>
                    <tr>
                        <td><span class="bold">BRANCH
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</span>
                            Lorem Ipsum</td>
                        <td>Total Tax Amount =</td>
                        <td>{{ !empty($totalTaxes) || $totalTaxes != 0 ? app('App\Helpers\NumberHelper')->convertToIndianNumbering($totalTaxes) : '0.00' }}
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size:8px;"><span class="bold">For Cheque Payment :</span> Please Make Payment A/C
                            payees Cheque with Name of <span class="bold">"Lorem Ipsum"</span></td>
                        <td>R Off =</td>
                        <td>{{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($invoice->roff) ?? '0.00' }}</td>
                    </tr>
                    <tr class="bold" style="font-size:11px;">
                        <td></td>
                        <td>Net Amount after Tax =</td>
                        <td>{{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($invoice->totalAfterTax) ?? '0.00' }}
                        </td>
                    </tr>
                    <tr>
                        <td class="bold" colspan="3" style="padding-left:10%; background-color: #f2f2f2;">
                            {{ !empty($invoice->totalAfterTax) ? 'Total = ' . app('App\Helpers\NumberHelper')->numberToWords($invoice->totalAfterTax) : html_entity_decode('&nbsp;') }}
                        </td>
                    </tr>
                    <tr>
                        <td style="vertical-align: top;" class="t&c"><span class="bold">Terms & Condition:</span>
                            <p>
                                <span><img style="width: 9px;height:7px"
                                        src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/aerrow.png'))) }}"></span>
                                Subject to jurisdiction only.
                            </p>
                            <p>
                                <span><img style="width: 9px;height:7px"
                                        src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/aerrow.png'))) }}"></span>
                                Ceritified that the particulars given above are true and correct
                            </p>
                            <p class="bold" style="text-decoration: underline;">
                                <span><img style="width: 9px;height:7px"
                                        src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/aerrow.png'))) }}"></span>
                                Payment not release within 10 Days invoice to be consider as cancelled
                            </p>
                        </td>

                        <td colspan="2" class="bold"
                            style="text-align: center;border-bottom: 1px solid black !important;">FOR lorem ipsum <br>
                            <div style="width: 30%;height:50px;">
                            </div> Authorized Signatory
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </footer>

    <main>
        {{-- invoice type heading --}}
        <div>
            <table>
                <tbody>
                    <tr style="background-color:#fff;">
                        <td class="left right top bottom bold" style="text-align: center; font-size:12px;">TAX INVOICE
                        </td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left"></td>
                    </tr>
                </tbody>
            </table>
        </div>

        {{-- BILL TO CLIENT TABLE --}}
        <div>
            <table>
                <tbody>
                    <tr style="background-color:#fff;">
                        <td class="right left top bottom text-center bold" style="width: 70%;font-size: 10px;">BILL TO
                            CLIENT
                        </td>
                        <td class="top right text-center" style="width: 15%; font-size: 10px;">Invoice No:</td>
                        <td class="top right text-center" style="width: 15%; font-size: 10px;">Invoice date:</td>
                    </tr>
                    <tr style="background-color:#fff;margin:0; padding:0;">
                        <td class="right left bottom billToData" style="padding: 0; margin: 0;" rowspan="6"
                            style="font-size:9.5px;">
                            {!! $invoice->billToClient ?? '' !!}
                        </td>
                        </td>
                        <td class="bottom right left text-center bold" style="width: 15%; font-size: 10px;">
                            {{ $invoice->invoiceNumber ?? '—' }}</td>
                        <td class="bottom right left text-center bold" style="width: 15%; font-size: 10px;">
                            {{ !empty($invoice->invoiceDate) ? date('d/m/Y', strtotime($invoice->invoiceDate)) : '—' }}
                        </td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="top right left text-center bold" style="width: 15%;font-size: 10px;">PO/WO. NO</td>
                        <td class="top right left text-center bold" style="width: 15%;font-size: 10px;">PO/WO. DATE</td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="bottom right left text-center" style="width: 15%;font-size: 10px;white-space:pre">
                        </td>
                        <td class="bottom right left text-center" style="width: 15%;font-size: 10px;">
                            {{ $invoice->poDate ?? '—' }}</td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left bold" style="width: 15%;font-size: 10px;">VENDOR CODE</td>
                        <td class="right left bold text-center" style="width: 15%;font-size: 10px;">
                            {{ $invoice->vendorCode ?? '—' }}</td>
                    </tr>
                    <tr style="background-color:#fff;margin:0; padding:0;">
                        <td class="top right left" style="width: 15%;font-size: 9.5px;margin:0; padding:0;">COMPANY GST
                            NO</td>
                        <td class="top right left bold" style="width: 15%;font-size: 9px;margin:0; padding:0;">
                            {{ $invoice->gstNo ?? '—' }}
                        </td>
                    </tr>
                    <tr style="background-color:#fff;margin:0; padding:0;">
                        <td class="bottom right left" style="width: 15%;font-size: 9.5px;margin:0; padding:0;">COMPANY
                            PAN NO
                        </td>
                        <td class="bottom right left bold" style="width: 15%;font-size: 9px;margin:0; padding:0;">
                            {{ $invoice->panNo ?? '—' }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>
            {{-- SHIP TO CLIENT TABLE --}}
            <table>
                <tbody>
                    <tr style="background-color:#fff;">
                        <td class="right left bottom text-center bold" style="width: 70%;font-size: 10px;">SHIP TO
                            CLIENT</td>
                        <td class="right" style="width: 15%; font-size: 10px;">Reverse Charge (Y/N): </td>
                        <td class="right" style="width: 15%; font-size: 10px;">{{ $invoice->reverseCharge ?? '—' }}
                        </td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left bottom billToData" style="padding: 0; margin: 0;" rowspan="6"
                            style="font-size:9.5px;">
                            {!! $invoice->shipToClient ?? '' !!}</td>

                        {{-- wherever empty p tag are write &nbsp; in tag --}}
                        </td>
                        <td class="right left" style="width: 15%; font-size: 10px;">Transport Mode: </td>
                        <td class="right left" style="width: 15%; font-size: 10px;">
                            {{ $invoice->transportMode ?? '—' }}</td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left" style="width: 15%;font-size: 10px;">Vehicle number: </td>
                        <td class="right left" style="width: 15%;font-size: 10px;">{{ $invoice->vehicleNo ?? '—' }}
                        </td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left" style="width: 15%;font-size: 10px;">Date of Supply: </td>
                        <td class="right left" style="width: 15%;font-size: 10px;">
                            {{ !empty($invoice->dateOfSupply) ? date('d/m/Y', strtotime($invoice->dateOfSupply)) : '—' }}
                        </td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="right left" style="width: 15%;font-size: 10px;">Place of Supply: </td>
                        <td class="right left" style="width: 15%;font-size: 10px;">
                            {{ $invoice->placeOfSupply ?? '—' }}</td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="top left" style="width: 15%;"></td>
                        <td class="top right " style="width: 15%;"></td>
                    </tr>
                    <tr style="background-color:#fff;">
                        <td class="bottom left" style="width: 15%;"></td>
                        <td class="bottom right " style="width: 15%;"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>
            {{-- email,contact table --}}
            <table>
                <tr style="background-color:#fff;">
                    <td class="bold left right" style="font-size: 8.5px;width:7%">Kind Attn : </td>
                    <td class="left" style="font-size: 8.5px;width:63%">{{ $invoice->kindAttn ?? '—' }}</td>
                    <td class="right bottom bold" rowspan="2" style="font-size: 10px;width:30%">Contact No:
                        {{ $invoice->contactNo ?? '—' }}
                    </td>
                </tr>
                <tr style="width: 30%; background-color:#fff;">
                    <td class="bold left right bottom" style="font-size: 8.5px;">Email ID : </td>
                    <td class="left bottom" style="font-size: 8.5px;text-decoration: underline; color:#0000ff;">
                        {{ $invoice->email ?? '—' }}</td>
                </tr>
            </table>
        </div>
        <div>
            {{-- separator line --}}
            <table>
                <tr style="background-color:#fff;">
                    <td class="right left"></td>
                </tr>
            </table>
        </div>

        <div>
            <table class="productsTable">
                <thead>
                    <tr style="background-color:#fff;">
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 6.05%; line-height: 1; font-size: 11px;">Sr. No.</th>
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 41.89%; line-height: 1; font-size: 11px;">Product
                            Description</th>
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 7.5%; line-height: 1; font-size: 11px;">UOM</th>
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 7%; line-height: 1; font-size: 11px;">HSN/SAC Code</th>
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 6.5%; line-height: 1; font-size: 11px;">Qty</th>
                        <th class="bold top left bottom text-center"
                            style="vetrical-align:top;width: 12%; line-height: 1; font-size: 11px;">Unit Rate</th>
                        <th class="bold top left bottom text-center right"
                            style="vetrical-align:top;width: 14%; line-height: 1; font-size: 11px;">Total</th>
                    </tr>
                </thead>
                @if (count($products) > 0)
                    <tbody class="productDescription">
                        @foreach ($products as $item)
                            <tr style="font-size: 11px;">
                                <td class=" text-center">{{ $loop->index + 1 }}</td>
                                <td class=" bold" style="font-size: 10px !important;">
                                    {!! $item->productDescription !!}
                                </td>
                                <td class=" text-center">{{ $item->uom }}</td>
                                <td class=" text-center">{{ $item->hsnCode }}</td>
                                <td class=" text-center">{{ $item->qty }}</td>
                                <td class=" text-center">
                                    {{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($item->unitRate) ?? '0.00' }}
                                </td>
                                <td class=" text-center ">
                                    {{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($item->totalAmount) ?? '0.00' }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                @endif
            </table>
        </div>
    </main>

</body>

</html>

1 reply

bsweeney Feb 15, 2024
Maintainer

That manual page breaks were just for demonstration purposes (i.e., I didn't want to provide content to fill multi-page pages). The logic I provided will work with your sample as well, you just need to tweak it for your HTML.

parimal20 · 2024-02-16T12:57:21Z

parimal20
Feb 16, 2024
Author

Thank you so much. You have saved my many days. Your given logic worked perfectly where footer with amount is showing on last page using setcallback.

I need help with a situation where, in the product table, if only one product is in the database, then one row will inserted hence table borders will not stretch till the footer. i want to stretch product table border till footer whether one product or many product. If you have any insights on this, please guide me. I have attached 2 images of Generated PDF and Expected PDF.

6 replies

parimal20 Feb 21, 2024
Author

Here, I solved this like, columns width is fixed so drawn lines in page and given white background color to tables where i don't want to show lines.

Now i need one help. My pdf's header has dynamic content inserting from database so where I'm attempting to dynamically calculate the header height from an HTML view and then set top margin style for maincontent division. I tried to apply margin_top but not working on maincontent id. My code are as follows:

CONTROLLER

        $headerView = view('pdf.headerview', compact('invoice'))->render();

        $tempDompdf = new Dompdf();
        $tempDompdf->setPaper('A4', 'portrait');
        $tempDompdf->loadHtml($headerView);
        $GLOBALS['bodyHeight'] = 0;

        $tempDompdf->setCallbacks([
            [
                'event' => 'end_frame', 'f' => function ($frame) {
                    $node = $frame->get_node();
                    if (strtolower($node->nodeName) === "header") {
                        $padding_box = $frame->get_padding_box();
                        $GLOBALS['bodyHeight'] += $padding_box['h'];
                    }
                }
            ],
            [
                'event' => 'end_page_render',
                'f' => function ($frame, $canvas) {
                    $node = $frame->get_node();

                    if ($node->hasAttributes() && ((($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "maincontent") ||
                        (($id = $node->attributes->getNamedItem("data-dompdf-original-id")) !== null && $id->nodeValue === "maincontent"))) {
                        $style = $frame->get_style();
                        $style->set_prop("margin_top", "500em");
                    }
                    $canvas->text(300, 600, "Header Height: {$GLOBALS['bodyHeight']}", 'Arial', 12, [0, 0, 0], 0.0, 0.0, 0.0);
                }
            ]
        ]);
        $tempDompdf->render();

bsweeney Feb 21, 2024
Maintainer

First, which version of PHP are you running. Per documentation, the $GLOBALS super variable is no longer writeable starting with PHP 8.1.0.

Second, you're adjusting the height after the page is rendered. You'll want to make any adjustments to the styling before rendering the element. Try making that adjustment on the begin_frame event.

parimal20 Feb 21, 2024
Author

i am using php version 8.0.2. But here i am setting margin-top to body but not applying to body.

<!DOCTYPE html>
<html lang="en">

<head>
    <style>
        @page{
            margin: 0;
        }
        body {
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        }

        header {
            position: fixed;
            left: 0px;
            top: -23px;
            right: 0px;
            background-color: #fff;
        }

        table {
            width: 100%;
        }

        table,
        td,
        th {
            border-collapse: collapse;
        }

        .left {
            border-left: 0.95px solid black !important;
        }

        .right {
            border-right: 0.95px solid black !important;
        }

        .top {
            border-top: 0.95px solid black !important;
        }

        .bottom {
            border-bottom: 0.95px solid black !important;
        }

        .allBorder {
            border-left: 0.95px solid black;
            border-right: 0.95px solid black;
            border-top: 0.95px solid black;
            border-bottom: 0.95px solid black;
        }

        .text-center {
            text-align: center;
        }

        .text-right {
            text-align: right;
        }

        .text-left {
            text-align: left;
        }

        .bold {
            font-weight: bold;
        }

    </style>
</head>

<body>

    <header>
        <table>
            <tbody>
                <tr style="padding:0;margin:0;">
                    <td class="left top right bottom" style="width:48%;padding:0;margin:0;text-align:center;">
                        <img style="width: 80%;height:50px;"
                            src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/Logo.png'))) }}">
                    </td>

                    <td class="left right top bottom" style="width:52%;">
                        <div> <img style="width: 40%;height:20px;"
                                src="{{ 'data:image/png;base64,' . base64_encode(file_get_contents(public_path('img/text.png'))) }}">
                        </div>

                        <p class="bold" style="font-size: 8px;margin:0;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br /><span style="margin-left:42px;"> Email ID: <span
                                    style="color: #0000ff; text-decoration:underline;font-weight:normal !important;">abcd@efgh.com</span>
                            </span>
                            <span style="float:right;margin-right:60px;">Contact No : <span
                                    style="font-weight:normal !important;">1234567890</span></span>
                        </p>
                        <span
                            style="width:100.5%; display:inline-block; float:left;border:0.5px solid black;margin:0;padding:0;line-height:0; margin-left: -1px"></span>

                        <p class="bold" style="font-size: 8px;margin:0;padding:0;line-height:0.7;">
                            COMPANY GSTIN : - 12345678902
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </header>

    <div>
        <table class="productsTable">
            <thead>
                <tr style="background-color:#fff;">
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 6.05%; line-height: 1; font-size: 11px;">Sr. No.</th>
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 41.89%; line-height: 1; font-size: 11px;">Product
                        Description</th>
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 7.5%; line-height: 1; font-size: 11px;">UOM</th>
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 7%; line-height: 1; font-size: 11px;">HSN/SAC Code</th>
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 6.5%; line-height: 1; font-size: 11px;">Qty</th>
                    <th class="bold top left bottom text-center"
                        style="vetrical-align:top;width: 12%; line-height: 1; font-size: 11px;">Unit Rate</th>
                    <th class="bold top left bottom text-center right"
                        style="vetrical-align:top;width: 14%; line-height: 1; font-size: 11px;">Total</th>
                </tr>
            </thead>
            <tbody class="productDescription">
                @if (count($products) > 0)
                    @foreach ($products as $item)
                        <tr style="font-size: 11px;"
                            @if ($loop->last) id="summary-header" @endif>
                            <td class="text-center">{{ $loop->index + 1 }}</td>
                            <td class="bold" style="font-size: 10px !important;">
                                {!! $item->productDescription !!}
                            </td>
                            <td class="text-center">{{ $item->uom }}</td>
                            <td class="text-center">{{ $item->hsnCode }}</td>
                            <td class="text-center">{{ $item->qty }}</td>
                            <td class="text-center">
                                {{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($item->unitRate) ?? '0.00' }}
                            </td>
                            <td class="text-center">
                                {{ app('App\Helpers\NumberHelper')->convertToIndianNumbering($item->totalAmount) ?? '0.00' }}
                            </td>
                        </tr>
                        <p class="spaceForProductLine"></p>
                    @endforeach
                @else
                    <tr style="font-size: 11px;" id="summary-header">
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>
</body>

</html>

        $headerView = view('pdf.headerview', compact('invoice', 'products'))->render();

        $tempDompdf = new Dompdf();
        $tempDompdf->setPaper('A4', 'portrait');
        $tempDompdf->loadHtml($headerView);

        $tempDompdf->setCallbacks([
            [
                'event' => 'begin_frame', 'f' => function ($frame, $canvas) {
                    $node = $frame->get_node();
                    if (strtolower($node->nodeName) === "body") {
                        $style = $frame->get_style();
                        $style->set_prop("background_color", '#ff0000');
                        $style->set_prop("margin_top", '100pt');
                    }
                }
            ],
        ]);

bsweeney Feb 21, 2024
Maintainer

The callback is technically doing what you ask, applying a margin to the body element. The issue is that the begin_frame event is run during render, not during reflow. The positioning of elements has already been determined at this point. Applying a margin to an element here will only impact that element since the document is not re-flowed after the change.

Since you're changing the margin on the body you can use the same logic but target the begin_page_reflow event.

parimal20 Feb 22, 2024
Author

Here i got height of header in begin_page_reflow event. But one small issue is that when i am setting top margin in body so in all pages except first page why margin decreases slightly?

_P.S.: _ i am generating temporary pdf with only header then gets header height and then setting top margin in main pdf.

<?php

namespace App\Http\Controllers;

use App\Http\Controllers\Controller;
use App\Models\Invoice;
use App\Models\Invoiceproduct;
use Illuminate\Http\Request;
use Dompdf\Dompdf;
use Dompdf\FontMetrics;
use Dompdf\Options;
use Dompdf\Canvas;

class PdfController extends Controller
{
    public function generatePDF($id)
    {
        $invoice = Invoice::where('p2Id', $id)->first();
        $products = Invoiceproduct::where('invoiceId', $id)->get();

        $options = new Options();
        $options->set('isHtml5ParserEnabled', true);
        $options->set('isPhpEnabled', true);

        // Load the Blade file containing the header
        $headerView = view('pdf.headerview', compact('invoice', 'products'))->render();

        // Create a temporary Dompdf instance for calculating header height
        $tempDompdf = new Dompdf();
        $tempDompdf->setPaper('A4', 'portrait');
        $tempDompdf->loadHtml($headerView);
        $GLOBALS['headerHeight'] = 0;
        $GLOBALS['footerHeight'] = 0;

        $tempDompdf->setCallbacks([
            [
                'event' => 'end_frame', 'f' => function ($frame, $canvas) {
                    $node = $frame->get_node();
                    if (strtolower($node->nodeName) === "header") {
                        $padding_box = $frame->get_padding_box();

                        $GLOBALS['headerHeight'] += $padding_box['h'];
                    }
                    if (strtolower($node->nodeName) === "footer") {
                        $padding_box = $frame->get_padding_box();

                        $GLOBALS['footerHeight'] += $padding_box['h'];
                    }
                }
            ],
        ]);

        $tempDompdf->render();
        $GLOBALS['headerHeight'] -= 17.5; 
        $GLOBALS['footerHeight'] -= 10; 

        $dompdf = new Dompdf($options);
        $html = view('pdf.view', compact('invoice','products'));
        $dompdf->setPaper('A4', 'portrait');
        $dompdf->loadHtml($html);

        // show amountFooter on last page only
        $dompdf->setCallbacks([
            [
                'event' => 'begin_page_reflow',
                'f' => function ( $frame, $canvas, $fontMetrics) {
                    $node = $frame->get_node();
                    // Set the z-index of the lines to -1 to render them below the HTML content
                    //$x1, $y1, $x2, $y2, $color, $width
                    $canvas->line(15.3, 17, 15.3, 824, [0, 0, 0], 0.75); //1st line
                    $canvas->line(51.4, 17, 51.4, 824, [0, 0, 0], 0.75); //2nd Line
                    $canvas->line(300.5, 17, 300.5, 824, [0, 0, 0], 0.75); //3rd Line
                    $canvas->line(345.1, 17, 345.1, 824, [0, 0, 0], 0.75); //3rd Line
                    $canvas->line(386.55, 17, 386.55, 824, [0, 0, 0], 0.75); //3rd Line
                    $canvas->line(425.25, 17, 425.25, 824, [0, 0, 0], 0.75); //3rd Line
                    $canvas->line(496.65, 17, 496.65, 824, [0, 0, 0], 0.75); //3rd Line
                    $canvas->line(580, 17, 580, 824, [0, 0, 0], 0.75); //3rd Line
                    // Inside the page_script

                    if (strtolower($node->nodeName) === "body") {
                        $style = $frame->get_style();
                        $style->set_prop("margin_top", $GLOBALS['headerHeight']);
                        $style->set_prop("margin_bottom", $GLOBALS['footerHeight']);
                    }
                },
            ],
            [
                'event' => 'begin_frame',
                'f' => function ($frame, $canvas, $pageNumber)use(&$summary_rendered){

                    $node = $frame->get_node();
                    if ($node->hasAttributes() && ($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "summary-header") {
                        $summary_rendered = true;
                    }

                    if($summary_rendered){
                        if ($node->hasAttributes() && ((($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "footerBottom") ||
                        (($id = $node->attributes->getNamedItem("data-dompdf-original-id")) !== null && $id->nodeValue === "footerBottom"))) {
                            $style = $frame->get_style();
                            $style->set_prop("display", "none");
                        }
                    }
                    else{
                        if ($node->hasAttributes() && ((($id = $node->attributes->getNamedItem("id")) !== null && $id->nodeValue === "footerAmount") ||
                        (($id = $node->attributes->getNamedItem("data-dompdf-original-id")) !== null && $id->nodeValue === "footerAmount"))) {
                            $style = $frame->get_style();
                            $style->set_prop("display", "none");
                        }
                    }
                }
            ],
        ]);
        $dompdf->render();

        return $dompdf->stream('invoice.pdf', ['compress' => false, 'Attachment' => false]);
    }
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Different Footer on Last page of pdf #3395

{{title}}

Replies: 3 comments 7 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Different Footer on Last page of pdf #3395

parimal20 Feb 14, 2024

Replies: 3 comments · 7 replies

bsweeney Feb 14, 2024 Maintainer

parimal20 Feb 15, 2024 Author

bsweeney Feb 15, 2024 Maintainer

parimal20 Feb 16, 2024 Author

parimal20 Feb 21, 2024 Author

bsweeney Feb 21, 2024 Maintainer

parimal20 Feb 21, 2024 Author

bsweeney Feb 21, 2024 Maintainer

parimal20 Feb 22, 2024 Author

parimal20
Feb 14, 2024

Replies: 3 comments 7 replies

bsweeney
Feb 14, 2024
Maintainer

parimal20
Feb 15, 2024
Author

bsweeney Feb 15, 2024
Maintainer

parimal20
Feb 16, 2024
Author

parimal20 Feb 21, 2024
Author

bsweeney Feb 21, 2024
Maintainer

parimal20 Feb 21, 2024
Author

bsweeney Feb 21, 2024
Maintainer

parimal20 Feb 22, 2024
Author