Как заставить Html::submitButton выглядеть как ссылка Html::a в Yii2

Я пытаюсь настроить submitButton в Yii2 с использованием глификонов. Следующий код представляет то, что мне нужно в конце:

<?= Html::a('<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>', ['handshake', 'id' => $model->id]);?>

Я старался:

<?= Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id]) ?>

но это дает мне рамку кнопки по умолчанию со значком внутри. Но мне просто нужна икона. Как отключить стандартную рамку кнопки?


html yii2 glyph
person Dmytro    schedule 15.03.2016    source источник

Ответы (4)


arrow_upward
2
arrow_downward

В Bootstrap есть класс для этого btn-link

Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id, 'class' => 'btn btn-link'])
person Alex    schedule 16.03.2016

arrow_upward
1
arrow_downward

Попробуйте эти способы:

<?= Html::submitButton('', ['class' => 'glyphicon glyphicon-bell']) ?>

ИЛИ

<?= Html::submitButton('text', ['class' => 'btn btn-info glyphicon glyphicon-bell']) ?>

ИЛИ

<?= Html::submitButton('<i class="glyphicon glyphicon-bell"></i> text', ['class' => 'btn btn-info']) ?>
person Insane Skull    schedule 16.03.2016

arrow_upward
0
arrow_downward 

<?= Html::submitButton('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['id' => $model->id,'class'=>'linkbutton']) ?>

и добавьте css в свою таблицу стилей

.linkbutton{
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}
person NMT    schedule 16.03.2016

arrow_upward
0
arrow_downward

Ну, если вам нужен только значок

<?= Html::tag('span', '', [
   'class' => 'glyphicon glyphicon-bell' ,
   'aria-hidden' => true,
   'onclick' => "$('#YOUR_FORM_ID').yiiActiveForm('submitForm')" , 'cursor'
 ])?>

Если вам нужен тег "а"

<?= Html::a('<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>','',
    ['class' => 'sub_link'])?>

Скрипт был бы

$(document).on('click','.sub_link',function(e){
      e.preventDefault();
      $('#YOUR_FORM_ID').yiiActiveForm('submitForm');
});
person ck_arjun    schedule 16.03.2016