Replace submit button with glyphicon in rails

ruby-on-rails submit glyphicons
MikeHolford picture MikeHolford · Jan 2, 2014 · Viewed 7.3k times · Source

Quick question. I have:

<%= f.submit "Like", class: "btn btn-large btn-primary" %>

and instead of the text reading "like" I would like to replace the whole button with the:

<span class="glyphicon glyphicon-thumb-up"></span>

symbol.

What would be the correct way in rails to replace the submit button with the thumbs up icon but have it do the same thing?

UPDATE

I found this:

<%= button_tag(type: 'submit', class: "btn btn-primary") do %>
  <span class="glyphicon glyphicon-thumbs-up"></span> 
<% end %>

But the only problem is that this still shows the button behind the glyphicon (even if I remove btn btn-primary). Does anyone know how to get rid of the button?

Thank you!

Answer

Ian MacDonald picture Ian MacDonald · Jul 14, 2015

I found this to work for submitting my form with a button containing only a glyphicon:

<%= button_tag "", type: 'submit', class: "btn btn-default glyphicon glyphicon-ok pull-right" %>

glyphicon class is a checkbox instead of thumbs up, and bootstrap btn styling is default instead of primary, but it should do the same thing.

Related questions

Rails 3.1 simple_form submit style css

Hello did anybody know how to add a class to a simple_form submit button, for css style.Here's what I try to do: _form.html.erb <%= simple_form_for(@drink) do |f| %> <%= f.submit "Add drink",:…

Read More
Getting error: Peer authentication failed for user "postgres", when trying to get pgsql working with rails

I'm getting the error: FATAL: Peer authentication failed for user "postgres" when I try to make postgres work with Rails. Here's my pg_hba.conf, my database.yml, and a dump of the full trace. I changed authentication to md5 …

Read More
How to get a random number in Ruby

How do I generate a random number between 0 and n?

Read More