Callout widget looks like as Alert widget with right solid line and without close button :)
I am a danger callout!
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.
I am an info callout!
Follow the steps to continue to payment.
I am a warning callout!
This is a yellow callout.
I am a success callout!
This is a green callout.
Code
<div class="row"> <div class="col-md-12"> <?php \yiister\adminlte\widgets\Callout::begin(["type" => \yiister\adminlte\widgets\Callout::TYPE_DANGER]); ?> <h4>I am a danger callout!</h4> <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> <?php \yiister\adminlte\widgets\Callout::end(); ?> <?php \yiister\adminlte\widgets\Callout::begin(["type" => \yiister\adminlte\widgets\Callout::TYPE_INFO]); ?> <h4>I am an info callout!</h4> <p>Follow the steps to continue to payment.</p> <?php \yiister\adminlte\widgets\Callout::end(); ?> <?= \yiister\adminlte\widgets\Callout::widget( [ "type" => \yiister\adminlte\widgets\Callout::TYPE_WARNING, "body" => "<h4>I am a warning callout!</h4><p>This is a yellow callout.</p>", ] ) ?> <?= \yiister\adminlte\widgets\Callout::widget( [ "type" => \yiister\adminlte\widgets\Callout::TYPE_SUCCESS, "body" => "<h4>I am a success callout!</h4><p>This is a green callout.</p>", ] ) ?> </div> </div>