DEV Community

Cover image for Laravel Dynamic Page Title | Set Page Title
shani singh
shani singh

Posted on

Laravel Dynamic Page Title | Set Page Title

As Laravel use Blade template engine, many time we have to use the page title to be displayed dynamically,

Let's Consider you have a master layout for your app.
which have a structure something like

<html>
<head>
    <title>App Name - @yield('title')</title>
</head>
<body>
    @section('sidebar')
        This is the master sidebar.
    @show

    <div class="container">
        @yield('content')
    </div>
</body>
Enter fullscreen mode Exit fullscreen mode

Here in Master Layout the code for title is.

<title>App Name - @yield('title')</title>
Enter fullscreen mode Exit fullscreen mode

Then You load the Content Page which looks like.

@extends('layouts.master')

@section('title') {{'Page Title Goes Here'}} @endsection

@section('content')
<p>This is my body content.</p>
@endsection
Enter fullscreen mode Exit fullscreen mode

Here in Content file the code for title is.

@section('title') {{'Page Title Goes Here'}} @endsection
Enter fullscreen mode Exit fullscreen mode

You can watch the video below for live coding.

Thank You for Reading

Reach Out To me.
Twitter
Instagram
TechToolIndia

Discussion (2)

Collapse
omatheusoliveira profile image
omatheusoliveira • Edited on

hello, I work on a web system and the index pages work correctly, but when I have to put ex:

@section('title')

Cadastrando Nova <span id="operacao_nome">Ordem de Serviço</span>
Enter fullscreen mode Exit fullscreen mode

@endsection

it just breaks ... I've attached images so you can get a sense of what's going on, please help me

dev-to-uploads.s3.amazonaws.com/up...

dev-to-uploads.s3.amazonaws.com/up...

sry for my bad english, I'm using google translate

Collapse
shanisingh03 profile image
shani singh Author

Hi @omatheusoliveira

You can't put HTML in title as It goes inside

.

Hope It's Clear now.