How to add a view and pass a data?

[smzapp]

This is how to add html before a content in setupShowOperation. How to add a view and pass a data?

` $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',
            ]
        ]
    ),
]);`

[backpack-ai-bot[bot]]

To add a custom view and pass data to it as a widget in Backpack, you should use the widget type view and provide the path to your Blade file along with the data you want to pass. Here’s how you can do it:

Widget::add([
    'type'    => 'view',
    'view'    => 'your.custom.view', // path to your Blade file
    'data'    => [
        'userCount' => $userCount,   // pass your data here
        // add more variables as needed
    ],
])->to('before_content');

In your Blade file (e.g., resources/views/your/custom/view.blade.php), you can then access the data as variables:

<div>
    There are {{ $userCount }} users.
</div>

This approach allows you to render any custom Blade view and pass any data you need to it. The documentation for widgets confirms you can use the view type and pass data using the data attribute, though the specific example is not shown in the docs, this is the standard way Backpack handles view widgets and data passing in Laravel Blade views. If you need to include multiple widgets in a row, you can use the div widget as shown in your example, and include your view widget inside its content array as well.

For more details, see the Backpack widgets documentation and the show operation widgets example.

ℹ️ 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:

Widgets|Livewire
Chart with a param or Chart for a specific model
Use widgets as a way to build details row
Github Issue (closed): [4.0][Feature req] List View Stacks - choose where to place certain items on the page
Widget: How to have 3 in the same row?
List Operation|How to add custom sections (aka. Widgets) Part 1
Reorder Operation|How to add custom sections(aka. Widgets) Part 1
Update Operation|How to add custom sections(aka. Widgets) Part 1
Create Operation|How to add custom sections(aka. Widgets) Part 1
Show Operation|How to add custom sections(aka. Widgets) Part 1

[smzapp]

from the code here, $userCount returns undefined in blade.

Widget::add([
'type' => 'view',
'view' => 'your.custom.view', // path to your Blade file
'data' => [
'userCount' => 'test', // pass your data here
// add more variables as needed
],
])->to('before_content');

[jcastroa87]

Hello @smzapp

Try with this

As our docs says, any attribute will be available inside $widget var, so look for data there.

Cheers.

[marksparrish]

Here is an example. The docs are not very helpful.
In my show I have -

Widget::add()
            ->to('after_content')
            ->type('view')
            ->view('vendor.backpack.crud.widgets.user_campaigns')
            ->data($campaigns); // <==== This is the data I want to pass.

and I have this the blade file -

@forelse ($widget['data'] as $campaign) <==== use $widget with a key value of 'data'
                <tr>
                    <td>{{ $campaign->name }}</td>
                    <td>{{ $campaign->pivot->role }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="2" class="text-center">No campaigns found.</td>
                </tr>
            @endforelse

You don't have to use data you could name it the actual variable name and reference it like $widget['variable_name']