În situațiile în care trebuie implementate mai mult decât o opțiune de submit pentru un form, e de preferat folosirea unui ‘buton-group dropup‘. Mai jos aveți un exemplu folosit la implementarea butonului de “Save” în formul de “Invoice”.
La adaptarea codului, atenție la icon-uri si clase :).
<div class="row border-top-solid">
<div class="btn-group dropup pull-right margin-top-30 margin-right-20">
<?= Html::submitButton('<i class="icon md-check-circle"></i> ' . Yii::t('app', 'Save'), ['name' => 'Save', 'class' => 'btn btn-' . ($dea ?'primary' :'success')]) ?>
<button type="button" class="btn btn-<?= ($dea ?'primary' :'success') ?> dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li class="no-action" role="presentation">
<i class="icon md-check-circle"></i> <?= Yii::t('app', 'Save and...') ?>
</li>
<li class="divider" role="presentation"></li>
<li class="text-nowrap" role="presentation">
<?= Html::submitButton('<i class="icon color-primary md-balance-wallet"></i> ' . Yii::t('app', 'Register') . ' ' . ($model->getPaymentType('text') == 'cashing' ?Yii::t('app', 'the Cashing') :Yii::t('app', 'the Payment')), ['name' => 'savePay', 'class' => 'btn-pure']) ?>
</li>
<li class="text-nowrap" role="presentation">
<?= Html::submitButton('<i class="icon color-primary md-plus-circle"></i> ' . Yii::t('app', 'Register') . ' ' . Yii::t('app', 'a New Invoice'), ['name' => 'registerNew', 'class' => 'btn-pure']) ?>
</li>
</ul>
</div>
<?= Html::a('<i class="icon md-minus-circle"></i> ' . Yii::t('app', 'Cancel'), Yii::$app->request->referrer, ['class' => 'btn btn-default pull-right margin-right-20']) ?>
</div>
Categories: UI/UX |
Leave a Reply
[TOP]