Buton de submit cu meniu

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

 

About

Marele Po, UX Expert und Business Specialist

Categories: UI/UX |

Leave a Reply

Your email address will not be published. Required fields are marked *

[TOP]