Рюкзак laravel выравнивает виджеты диаграммы в ряд

#laravel #widget #laravel-backpack

Вопрос:

Как выровнять два виджета диаграммы в ряд?

 $widgets['before_content'][] = [
    'type'       => 'chart',
    'controller' => AppHttpControllersAdminChartsTotalViewsChartController::class,
    'content' => [
        'header' => 'Total Views',
      
    ],
    'wrapper'       => ['class' => 'col-sm-5 col-md-5'],
];

$widgets['before_content'][] = [
    'type'       => 'chart',
    'controller' => AppHttpControllersAdminChartsActiveUsersChartController::class,
    'label' => "Active Users",
    'content' => [
        'header' => 'Active Users',
       
    ],
    'wrapper'       => ['class' => 'col-sm-5 col-md-5'],

];
 

Я попробовал несколько вариантов обертки, но ни один не сработал. Это тот самый dashboard.blade.php файл.

Ответ №1:

Попробуй:

 $widgets['content'][] = [
    'type'       => 'chart',
    'controller' => AppHttpControllersAdminChartsActiveUsersChartController::class,
    'label' => "Active Users1",
    'content' => [
        'header' => 'H1 Active Users',

    ],
    'wrapperClass' => ['class', 'row'],
    'wrapper'       => ['class' => 'col-sm-5 col-md-5'],

];

$widgets['content'][] = [
    'type'       => 'chart',
    'controller' => AppHttpControllersAdminChartsActiveUsersChartController::class,
    'label' => "Active User2s",
    'content' => [
        'header' => 'H2 Active Users',

    ],
    'wrapper'       => ['class' => 'col-sm-5 col-md-5'],
];

$widgets['before_content'][] = [
    'type'        => 'div',
    'class' => 'row',
    'content'     =>  $widgets['content'],
];
 

Что изменилось?

  1. измените раздел виджета «before_content» на «содержимое».
  2. добавьте эти виджеты содержимого в фактический раздел виджета «before_content», чтобы у вас был div с классом «строка».

Вариант № 2:

Просто добавьте эту строку, если вы хотите продолжать использовать «before_content».:

 Widget::add()->type('div')->class('row')>content($widgets['before_content']);