April 16, 2024
Category : Laravel
How to Add Header and Footer in Dompdf 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 11 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:
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...
;void(0);){kind=link}
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
Subscribe me on: Youtube
We are Recommending you
- Laravel Dompdf Set Custom Paper Size Example
- How to Add Digital Signature in PDF using Laravel?
- How to Read Content from PDF File in Laravel?
- Laravel 10 Generate PDF and Send Email Example
- How to Merge Multiple PDF Files in Laravel 10?
- Laravel 10 Generate PDF File using DomPDF Example
- How to Write Text on Existing PDF File in Laravel?
- How to Add Password Protection for PDF File in Laravel?
- Laravel Convert PDF to Image Example
- How to Generate PDF and Send Email in Laravel?
- Laravel Datatables Export to PDF File Example
- Laravel Create PDF File with Image Example
- How to Generate PDF with Graph in Laravel?
- Laravel 11 Merge Multiple PDF Files Example
;void(0);){kind=link}