use yii\adminUi\widget\Callout;
/**
 * @var yii\web\View $this
 * @var common\models\User $model
 * @var yii\widgets\ActiveForm $form
 */
?>

<div class="user-form">

    <?php 
$form = ActiveForm::begin();
?>
    
    <?php 
Callout::begin(['options' => ['class' => 'callout-info', 'header' => 'Password Logic']]);
?>
    <p>Character are allowed here are ..</p>
    <ul>
        <li>Number 0-9</li>
        <li>Alphabet a-z</li>
        <li>Capital letter A-Z</li>
        <li>Special character (!@#$%-.)</li>
    </ul>
    <?php 
Callout::end();
?>
    
    <?php 
echo $form->field($model, 'oldpassword')->passwordInput(['maxlength' => 16]);
?>
Пример #2
0
echo '<b>Alert!</b> Warning alert preview. This alert is dismissable.';
Alert::end();
Alert::begin(['options' => ['class' => 'alert-success alert-dismissable'], 'icon' => 'fa fa-check', 'closeButton' => []]);
echo '<b>Alert!</b> Success alert preview. This alert is dismissable.';
Alert::end();
Box::end();
Column::end();
Column::begin(['grid' => [['type' => Column::TYPE_DESKTOP, 'size' => Column::SIZE_HALF]]]);
Box::begin(['type' => Box::TYPE_INFO, 'header' => 'Callouts', 'headerIcon' => 'fa fa-bullhorn']);
Callout::begin(['options' => ['class' => 'callout-danger'], 'header' => 'I am a danger callout!']);
echo '<p>There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>';
Callout::end();
Callout::begin(['options' => ['class' => 'callout-info'], 'header' => 'I am an info callout!']);
echo '<p>Follow the steps to continue to payment.</p>';
Callout::end();
Callout::begin(['options' => ['class' => 'callout-warning'], 'header' => 'I am a warning callout!']);
echo '<p>This is a yellow callout.</p>';
Callout::end();
Box::end();
Column::end();
Row::end();
PageHeader::begin();
echo 'AdminLTE Custom Tabs';
PageHeader::end();
Row::begin();
Column::begin(['grid' => [['type' => Column::TYPE_DESKTOP, 'size' => Column::SIZE_HALF]]]);
echo Tabs::widget(['encodeLabels' => false, 'options' => [], 'items' => [['label' => 'One', 'content' => '<b>How to use:</b>
                                        <p>Exactly like the original bootstrap tabs except you should use
                                            the custom wrapper <code>.nav-tabs-custom</code> to achieve this style.</p>
                                        A wonderful serenity has taken possession of my entire soul,
                                        like these sweet mornings of spring which I enjoy with my whole heart.