How to create a custom html between the form and title of setupShowOperation

[smzapp]

It is not a field of "setupShowOperation" but a custom html.

How to create a custom html between the form and title of setupShowOperation?

See below

https://i.imgur.com/9k6k2pu.png

[backpack-ai-bot[bot]]

To insert custom HTML between the title and the form in the Show operation in Backpack, you should use a widget and place it in the appropriate section. Backpack's default template for CRUD operations provides two main widget sections: before_content (above the title) and after_content (below the title, but above the form).

To achieve what you want (custom HTML between the title and the form), you should add your custom HTML as a widget in the after_content section inside your setupShowOperation() method. Here’s how you can do it:

public function setupShowOperation()
{
    // Add your custom HTML as a widget after the title, before the form
    \Widget::add([
        'type'    => 'div',
        'class'   => 'alert alert-info',
        'content' => 'This is my custom HTML between the title and the form.',
    ])->to('after_content');

    // ... your other show operation setup
}

This will render your custom HTML exactly between the title and the form, as shown in your screenshot. You can use any HTML you want in the content key.

For more details, see the official documentation on adding custom sections (widgets) to the Show operation and widgets in general in Backpack.

Backpack's widget system is the recommended way to inject custom HTML or Blade content into specific places in the CRUD interface, including between the title and the form in the Show operation.
Show Operation: How to add custom sections (Widgets)

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Github Issue (closed): [Repeatable] Show custom balde data
FAQs for CRUDs|How to make the form smaller or bigger
Github Issue (closed): [Bug] custom_html does not allow to insert unclosed html tags
Github Issue (closed): I want to show the child Model items inside the Parent setupShowOperation()
Show Operation and Html fields
Create Operation|How to add custom sections(aka. Widgets) Part 1
Update Operation|How to add custom sections(aka. Widgets) Part 1
List Operation|How to add custom sections (aka. Widgets) Part 1
FAQs for the admin UI|Customize the dashboard
Columns|custom_html
Fields|custom_html
Show Operation|How to add custom sections(aka. Widgets) Part 1

[smzapp]

This code is a card. How to make it a view with data to be passed?

` $userCount = \App\Models\User::count();

//add div row using 'div' widget and make other widgets inside it to be in a row
Widget::add()->to('before_content')->type('div')->class('row')->content([

    //widget made using fluent syntax
    Widget::make()
        ->type('progress')
        ->class('card border-0 text-white bg-primary')
        ->progressClass('progress-bar')
        ->value($userCount)
        ->description('Registered users.')
        ->progress(100 * (int)$userCount / 1000)
        ->hint(1000 - $userCount . ' more until next milestone.'),

    //widget made using the array definition
    Widget::make(
        [
            'type'       => 'card',
            'class'   => 'card bg-dark text-white',
            'wrapper' => ['class' => 'col-sm-3 col-md-3'],
            'content'    => [
                'header' => 'Example Widget',
                'body'   => 'Widget placed at "before_content" secion in same row',
            ]
        ]
    ),
]);`

[jcastroa87]

Hello @smzapp you can check in our https://backpackforlaravel.com/docs/6.x/base-widgets as the bot say, set the location, some widget support views or you can customize any Widget.

Cheers.