PageHeader::end(); Row::begin(); echo SmallBox::widget(['header' => 150, 'Icon' => 'ion ion-bag', 'caption' => 'New Orders', 'url' => '#']); echo SmallBox::widget(['header' => '53<sup style="font-size: 20px">%</sup>', 'Icon' => 'ion ion-stats-bars', 'caption' => 'Bounce Rate', 'url' => '#', 'color' => 'bg-green']); echo SmallBox::widget(['header' => 44, 'Icon' => 'ion ion-person-add', 'caption' => 'User Registrations', 'url' => '#', 'color' => 'bg-yellow']); echo SmallBox::widget(['header' => 65, 'Icon' => 'ion ion-pie-graph', 'caption' => 'Unique Visitors', 'url' => '#', 'color' => 'bg-red']); Row::end(); Row::begin(); Column::begin(['grid' => [['type' => Column::TYPE_MOBILE, 'size' => Column::SIZE_FULL]], 'options' => ['class' => 'connectedSortable']]); Column::end(); Row::end(); Row::begin(); echo SmallBox::widget(['header' => 250, 'Icon' => 'ion ion-ios7-cart-outline', 'caption' => 'Sales', 'url' => '#', 'color' => 'bg-blue']); echo SmallBox::widget(['header' => '80<sup style="font-size: 20px">%</sup>', 'Icon' => 'ion ion-ios7-briefcase-outline', 'caption' => 'Conversion Rate', 'url' => '#', 'color' => 'bg-purple']); echo SmallBox::widget(['header' => 14, 'Icon' => 'ion ion-ios7-alarm-outline', 'caption' => 'Notofications', 'url' => '#', 'color' => 'bg-teal']); echo SmallBox::widget(['header' => 160, 'Icon' => 'ion ion-ios7-pricetag-outline', 'caption' => 'Products', 'url' => '#', 'color' => 'bg-maroon']); Row::end(); Row::begin(); Column::begin(['grid' => [['type' => Column::TYPE_MOBILE, 'size' => Column::SIZE_FULL]], 'options' => ['class' => 'connectedSortable']]); Column::end(); Row::end(); PageHeader::begin(['type' => PageHeader::TYPE_COMPONENT]); ?> AdminLTE Boxes <small>We use the base class <code>.box</code> to create widgets simply.</small> <?php PageHeader::end(); Row::begin(); Column::begin(['grid' => [['type' => Column::TYPE_DESKTOP, 'size' => Column::SIZE_SMALL]]]); Box::begin(['header' => 'Default Box (button tooltip)', 'usebutton' => true, 'buttonoption' => ['class' => 'btn-default btn-sm'], 'footer' => '<code>.box-footer</code>']); ?>
<?php use yii\adminUi\widget\Box; use yii\adminUi\widget\Row; use yii\adminUi\widget\Column; use yii\adminUi\widget\SmallBox; $this->title = 'Dashboard'; //$this->params['breadcrumbs'][] = ['label' => 'Users', 'url' => ['index']]; $this->params['breadcrumbs'][] = $this->title; Row::begin(); echo SmallBox::widget(['header' => 150, 'Icon' => 'ion ion-bag', 'caption' => 'New Orders', 'url' => '#']); echo SmallBox::widget(['header' => '53<sup style="font-size: 20px">%</sup>', 'Icon' => 'ion ion-stats-bars', 'caption' => 'Bounce Rate', 'url' => '#', 'color' => 'bg-green']); echo SmallBox::widget(['header' => 44, 'Icon' => 'ion ion-person-add', 'caption' => 'User Registrations', 'url' => '#', 'color' => 'bg-yellow']); echo SmallBox::widget(['header' => 65, 'Icon' => 'ion ion-pie-graph', 'caption' => 'Unique Visitors', 'url' => '#', 'color' => 'bg-red']); Row::end(); Row::begin(); Column::begin(['grid' => [['type' => Column::TYPE_MOBILE, 'size' => Column::SIZE_FULL]], 'options' => ['class' => 'connectedSortable']]); Column::end(); Row::end(); ?> <!-- Main row --> <div class="row"> <!-- Left col --> <section class="col-lg-6 connectedSortable"> <!-- Box (with bar chart) --> <div class="box box-danger" id="loading-example"> <div class="box-header"> <!-- tools box --> <div class="pull-right box-tools"> <button class="btn btn-danger btn-sm refresh-btn" data-toggle="tooltip" title="Reload"><i class="fa fa-refresh"></i></button> <button class="btn btn-danger btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>