CODEWITHSUNDEEP
htmlcssruby-on-railsview
Aniee
Aniee

Reputation: 81

How to give icon class in f.submit in rails4

Hi I want to give this in my rails code

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

So for this I had written this in my rails form

<div class="col s12 center-align">
   <%= f.submit 'Submit<i class="mdi-content-send right"></i> ', :class => 'btn waves-effect waves-light btn-large custom_btn_gray'%>
 </div>

So with the above rails form code its giving this type of html 

<div class="col s12 center-align">
    <i class="btn waves-effect waves-light btn-large custom_btn_gray waves-input-wrapper" style=""><input type="submit" class="waves-button-input" value="Submit&lt;i class=&quot;mdi-content-send right&quot;&gt;&lt;/i&gt; " name="commit"></i>
 </div>

Please guide me how to solve it. Thanks in advance.

Upvotes: 2

Views: 464

Answers (3)

Dinshaw Raje
Dinshaw Raje

Reputation: 953

Hi solved this just by copying simply 

<div class="col s12 center-align">
    <button name="action" type="submit" class="btn waves-effect waves-light btn-large custom_btn_gray">Submit <i class="mdi-content-send right"></i> </button>
</div>

this in my form and my form is also working correctly.

Upvotes: -1

bhanu
bhanu

Reputation: 2460

you can format the content in your button using

<%= f.submit class: 'btn waves-effect waves-light btn-large custom_btn_gray' do %>
  Submit
  <%= content_tag 'i', '', class: 'mdi-content-send right' %>
<% end %>

Upvotes: 1

TarunJadhwani
TarunJadhwani

Reputation: 1161

You can use button_tag instead:

<div class="col s12 center-align">
   <%= button_tag( :class => "btn waves-effect waves-light btn-large custom_btn_gray") do %>
      Submit <i class="mdi-content-send right"></i>
   <% end %>
</div>

Upvotes: 3

Related Questions