changing the base template for one particular Laravel Backpack CRUD #981

prescriptionlifeline · 2024-05-11T15:59:18Z

prescriptionlifeline
May 11, 2024

I'd like to make it so that a particular Laravel Backpack CRUD uses resources/views/layouts/app.blade.php vs whatever it's using right now (backpack/theme-tabler/inc/head.blade.php?)

I mean, I'd still like to use all the CRUD Field template components but I want to use the same template that my non Laravel Backpack pages use.

Any ideas as to how I might do this?

prescriptionlifeline · 2024-05-11T19:20:52Z

prescriptionlifeline
May 11, 2024
Author

In the setup() method I added this:

CRUD::setListView('customView');

In customView.blade.php I have this:

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="{{ csrf_token() }}">

        <title>{{ config('app.name', 'Laravel') }}</title>

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
        <link rel="icon" href="/logo.svg">

        <!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    </head>
    <body class="font-sans antialiased">
        <div class="min-h-screen bg-gray-100">
            @include('layouts.navigation')

            <!-- Page Heading -->
            @if (isset($header))
                <header class="bg-white shadow">
                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                        {{ $header }}
                    </div>
                </header>
            @endif

            <!-- Page Content -->
            <main>
WHAT GOES HERE?
            </main>
        </div>
    </body>
</html>

So what goes in the WHAT GOES HERE? section?

I tried @yield('content') but that didn't do anything. I also tried to copy the stuff in @section('content') from vendor/backpack/crud/src/resources/views/crud/list.blade.php into that area but no data is actually showing up.

If I copy the contents of vendor/backpack/crud/src/resources/views/crud/list.blade.php to customView.blade.php it shows up as it would if I wasn't using a custom template at all.

0 replies

karandatwani92 · 2024-05-13T08:23:43Z

karandatwani92
May 13, 2024
Collaborator

Hey @prescriptionlifeline

Are you thinking of replacing the head section so you can change the theme? NO, Replacing the head is complicated.

Backpack has multiple theme support, and other assets are dynamically included as per field & column usage. This all makes the head section way dynamic.

I would recommend you do the following instead:

Create your custom backpack theme.
Then dynamically change it for a particular CRUD or Operation via:

public function setup()
{
   ...
   Config::set('backpack.ui.view_namespace', 'backpack.theme-coreuiv4::');
}

This way, you'll also be free to use your theme for the whole admin panel to match it with the front end.

And, If you would ❤️ to share your theme with other backpack users, you can create a theme as a package.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

changing the base template for one particular Laravel Backpack CRUD #981

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

changing the base template for one particular Laravel Backpack CRUD #981

Uh oh!

prescriptionlifeline May 11, 2024

Replies: 2 comments

Uh oh!

Uh oh!

prescriptionlifeline May 11, 2024 Author

Uh oh!

Uh oh!

karandatwani92 May 13, 2024 Collaborator

prescriptionlifeline
May 11, 2024

prescriptionlifeline
May 11, 2024
Author

karandatwani92
May 13, 2024
Collaborator