I want to set header and footer in PDF using mpdf

Viewed 32614

I have generated a PDF using mpdf library in CodeIgniter. I want to attach header image and footer image with proper margin, I have created one code but header and footer get overlapped.

//controller
$this->load->library('m_pdf');
    $param = '"","A4","","",0,0,100,0,6,3,"L"';
    $pdf = $this->m_pdf->load($param);
    // $pdf->useOddEven = true;

    $pdf->SetHTMLHeader('<img src="' . base_url() . 'custom/Hederinvoice.jpg"/>');

    $pdf->SetHTMLFooter('<img src="' . base_url() . 'custom/footarinvoice.jpg"/>');
    $wm = base_url() . 'custom/Watermark.jpg';
    $pdf->SetWatermarkImage($wm);
    $pdf->showWatermarkImage = true;
      $data['main_content'] = 'dwnld';
    $this->load->view('template', $data);
    $html = $this->load->view('template_pdf', $data, true);
    $this->load->view('template_pdf', $data, true);
    $pdf->WriteHTML($html);
    $pdf->page = 0;
    $pdf->state = 0;
    $pdf->Output($pdfFilePath, "D");

enter image description here

2 Answers

You can set custom HTMl Header for first page and Other page as below: Just add the below snippet above all html content. You can add Inline CSS for it using tags above al html

              <htmlpageheader name="firstpage" style="display:none">
              <div style="text-align:center"><img src="'.'logo.png"/></div>
              </htmlpageheader><sethtmlpageheader name="firstpage" value="on" show-this-page="1" />
              <htmlpageheader name="otherpages" style="display:none">
              <div style="text-align:center">{PAGENO}</div>
              </htmlpageheader><sethtmlpageheader name="otherpages" value="off" />';

Or can use https://mpdf.github.io/headers-footers/headers-footers.html as refrence to use HTML header function

To Set footer one can use:

// Footer Configuration for all pages, can be changed for odd and even pages accordingly
$oddEvenConfiguration = 
            [
                'L' => [ // L for Left part of the header
                'content' => 'Your Content',
                'font-size' => 10,
                'font-family' => 'sans-serif',
                'color'=>'#000000'
                ],
                'C' => [ // C for Center part of the header
                'content' => '',
                ],
                'R' => [
                    'content' => '{PAGENO}',
                ],
                'line' => 0, // That's the relevant parameter to remove line style in footer
            ];

$headerFooterConfiguration = [
    'odd' => $oddEvenConfiguration,
    'even' => $oddEvenConfiguration
];
Related