<?php app\widgets\Modal::begin(['id' => 'modal', 'options' => ['class' => 'modal-form fade']]); ?> <div id="modal-content"> <div class="modal-loader"> <div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div> </div> </div> <?php app\widgets\Modal::end();
Box::end(); ?> <?php echo Tabs::widget(['items' => [['label' => 'Tab 1', 'content' => '<div>' . Check::widget(['name' => 'chk1', 'label' => 'Enable report']) . '</div><div>' . Check::widget(['name' => 'chk2', 'label' => 'Send email', 'value' => true]) . '</div>'], ['label' => 'Tab 2', 'content' => ProgressBar::widget(['style' => ProgressBar::STYLE_SUCCESS, 'value' => 30, 'vertical' => true]) . ProgressBar::widget(['style' => ProgressBar::STYLE_WARNING, 'value' => 60, 'vertical' => true]) . ProgressBarGroup::widget(['value' => 82, 'label' => 'Processing'])], ['label' => 'Tab 3', 'content' => 'Content 3...'], ['label' => 'Dropdown', 'items' => [['label' => 'Label', 'content' => '....'], ['label' => 'Label', 'content' => '....']]]]]); ?> </div> <div class="col-md-6"> <?php Box::begin(['box' => Box::BOX_PRIMARY, 'label' => 'Box 1', 'collapsable' => true, 'solid' => true]); ?> The body of the box. The body of the box. The body of the box. <?php app\widgets\Modal::begin(['toggleButton' => ['label' => 'Modal with remote content.', 'class' => 'btn btn-flat btn-success'], 'header' => '<b>Remote content</b>', 'remote' => ['modal-remote']]); ?> <p class="text-center text-capitalize">Loading...</p> <?php app\widgets\Modal::end(); ?> <?php Box::end(); ?> <?php Box::begin(['box' => Box::BOX_WARNING, 'label' => 'Box 2', 'removable' => true, 'actions' => [['label' => 'Configure', 'options' => ['class' => 'configure']]]]); ?> The body of the box. The body of the box. The body of the box. <?php Box::end();