Is it possible to put a bootstrap glyphicon inside of a {{ Form::submit(' ')}} - Laravel

Question

I want to change this:

{{ Form::submit('Delete this User', array('class' => 'btn btn-warning')) }} 

to something like this:

{{ Form::submit('<i class="glyphicon glyphicon-delete"></i>', array('class' => '')) }} 

I know that the second option isn't correct, anyone knows how to write it in a correct way?

Answer 1

Use a <button> of type submit, which adds more flexibility then a submit input:

{{Form::button('<i class="glyphicon glyphicon-delete"></i>', array('type' => 'submit', 'class' => ''))}} 

To make it clear, this is the class method:

public function button($value = null, $options = array()) {    if ( ! array_key_exists('type', $options) )    {        $options['type'] = 'button';    }      return '<button'.$this->html->attributes($options).'>'.$value.'</button>'; } 

As you can see, $value holds anything you put inside the <button> tag, so placing the icon there should work - I use this with Fontawesome icons and it works fine, I personally tend to use those instead of Glyphicon but the principle remains the same.

By using Form::submit(), instead, you create an <input type="submit" which cannot accept html as content of the value attribute, that's why your solution won't work.

Answer 2

This works for me

{{ Form::button('<span class="glyphicon glyphicon-remove"></span>', array('class'=>'btn btn-default', 'type'=>'submit')) }}