How to add glyphicon icons in volt input field

Question

How to add glyphicon icons in volt input field

jaikumar002 Oct '16

Created Oct '16	Last Reply Nov '16	Replies 1	Views 435	Votes 0

jaikumar002 65.1k

Oct '16

i want to add glyphicon-envelope image to my input field written in volt.... i have tried this but this is not working...Please help!!!!

<label for="email">Email</label>
    <div class="controls">
    {{ text_field('email', 'class': "form-control  glyphicon glyphicon-envelope")  }}
</div>

Izo · Answer 1 · 2016-11-01T00:51:13-07:00

perhaps

<div class="input-group">
  <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
  { text_field('email', 'class': "form-control ")  }}
</div>

you should stop using glyphicons and using fontawesome, or google material font