How to Add Header and Footer in Dompdf Laravel?

By Hardik Savani April 16, 2024 Category : Laravel

Hello Guys,

In this comprehensive tutorial, we will learn how to add header and footer in dompdf laravel. We will use how to configure a header and footer in dompdf laravel. We will look at an example of laravel dompdf header footer. if you want to see an example of laravel dompdf set header and footer then you are in the right place.

In this illustration, I will guide you through the process of configuring headers and footers in dompdf for Laravel. We will utilize the header, footer, and main tags to define the blocks for configuration. Following that, we will create CSS rules to style the header and footer within the PDF file.

Now, let's see an example step by step, you can use this example with laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11 versions:

Step 1: Install Laravel

This step is not required; however, if you have not created the laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Install DomPDF Package

next, we will install the DomPDF package using the following composer command, let's run the below command:

composer require barryvdh/laravel-dompdf

Read Also: Laravel Merge Multiple PDF Files Example

Step 3: Create Controller

In this step, we will create PDFController with generatePDF() where we write the code of generate pdf. so let's create controller using bellow command.

php artisan make:controller PDFController

Now, update the code on the controller file.

app/Http/Controllers/PDFController.php

<?php
    
namespace App\Http\Controllers;
    
use Illuminate\Http\Request;
use PDF;
    
class PDFController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function generatePDF()
    {
        $data = [
            'title' => 'Welcome to ItSolutionStuff.com',
        ]; 
              
        $pdf = PDF::loadView('myPDF', $data);
       
        return $pdf->download('itsolutionstuff.pdf');
    }
}

Step 4: Add Route

Furthermore, open routes/web.php file and update code on it.

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\PDFController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('generate-pdf', [PDFController::class, 'generatePDF']);

Step 5: Create View File

In Last step, let's create myPDF.blade.php(resources/views/myPDF.blade.php) for layout of pdf file and put following code:

resources/views/myPDF.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel 10 Generate PDF Example - ItSolutionStuff.com</title>
    <style>
        @page {
            margin: 100px 25px;
        }
  
        header {
            position: fixed;
            top: -60px;
            left: 0px;
            right: 0px;
            height: 50px;
            font-size: 20px !important;
            background-color: #000;
            color: white;
            text-align: center;
            line-height: 35px;
        }
  
        footer {
            position: fixed; 
            bottom: -60px; 
            left: 0px; 
            right: 0px;
            height: 50px; 
            font-size: 20px !important;
            background-color: #000;
            color: white;
            text-align: center;
            line-height: 35px;
        }
    </style>
</head>
<body>
  
    <!-- Define Header Block -->
    <header>
        {{ $title }}
    </header>
  
    <!-- Define Footer Block -->
    <footer>
        Copyright © {{ date("Y") }} - itsolutionstuff.com
    </footer>
  
    <!-- Define Main Block -->
    <main>
        <p>Dear Boss,
            <br/><br/>
            I am writing to formally resign from my position as [Your Position] at [IT Company Name], with my last working day being [Last Working Day], in accordance with the notice period stipulated in my employment contract.
            <br/><br/>
            I want to express my sincere gratitude for the opportunities and experiences I've had during my time at [IT Company Name]. It has been an incredible journey, and I have had the privilege of working alongside an outstanding team of professionals.
            <br/><br/>
            After careful consideration, I have decided to take a new direction in my career. This decision wasn't easy, as I have cherished my time here and the projects we've accomplished together. I am immensely proud of our collective achievements.
            <br/><br/>
            During my notice period, I am committed to ensuring a seamless transition. I am more than willing to assist in the transfer of my responsibilities, provide training to my successor, and complete any pending projects. Please let me know how I can best contribute to this process.
            <br/><br/>
            Sincerely,<br/>
            Hardik Savani
        </p>
    </main>
    
</body>
</html>

Run Laravel App:

All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:

php artisan serve

Now, Go to your web browser, type the given URL and view the app output:

Read Also: Laravel Dompdf Add Custom Font Family Example
http://localhost:8000/generate-pdf

you will download the file below:

Now we are ready to run this example and check it...

I hope it can help you...

Tags :
Previous

Powerful Free AI SEO Tools PostCheetah.com Features
Next

How to Install Apache Maven on Ubuntu 22.04 Terminal?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares