Rails button_to - applying css class to button

Question

This is silly, but I just can't figure out how to style the input element created by Rails button_to -- and yes, I've read the docs over and over again and tried the samples.

Here's my ERB code:

 <%= button_to "Claim", action: "claim", idea_id: idea.id, remote: true, class: 'btn btn-small'  %>

And this yield the following HTML:

<form action="/ideas/claim?class=btn+btn-small&amp;idea_id=4&amp;remote=true" class="button_to" method="post">
  <div>
    <input data-remote="true" type="submit" value="Claim">
    <input name="authenticity_token" type="hidden" value="pU3umgqrDx3WbalfNK10c9H5B5N4OzPpohs4bWW8mow=">
  </div>
</form>

Whereas all I want is just input to have class = "btn btn-small".

Help? Thank you!

Baldrick · Accepted Answer · 2015-07-29 14:21:25Z

63

The signature of the method button_to is

button_to(name = nil, options = nil, html_options = nil, &block)

So use {} to distinguish options and html_options

<%= button_to "Claim", {action: "claim", idea_id: idea.id, remote: true}, {class: 'btn btn-small'} %>

edited Jul 29, 2015 at 14:21

answered Jan 2, 2013 at 14:40

Baldrick

24.4k6 gold badges76 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

My Mai · Accepted Answer · 2016-03-11 02:17:27Z

26

<%= button_to "Claim", {action: "claim", idea_id: idea.id, remote: true}, {form_class: 'form', class: 'btn btn-small'} %>

form_class: class for the form

class : class for button in the form

answered Mar 11, 2016 at 2:17

My Mai

1,09310 silver badges10 bronze badges

Collectives™ on Stack Overflow

Rails button_to - applying css class to button

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related