PHP yii\adminUi\widget SmallBox Examples

Example #1

File: widget.php Project: derkamerad/adminUI

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>']);
?>

Example #2

File: index.php Project: derkamerad/adminUI

<?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>