Rails button_to...how to render as a <button> element?

Question

Using the this button_to helper:

<%= button_to "Add Beer", "/growlers/create", method: "get" %>

yields the following HTML:

<form action="/growlers/create" class="button_to" method="get">
<div>
<input type="submit" value="Add Beer" />
</div>
</form>

Which is exactly what is supposed to happen. However, as you can see, the HTML element is a <form>. I am wondering how to render this as a <button> for styling purposes (using Foundation).

I found this:

<%= link_to "<button>Add Beer</button>".html_safe, "/growlers/create", method: "get" %>

yields this HTML:

<a data-method="get" href="/growlers/create">
<button>Add Beer</button>
</a>

Which, though a <button>, doesn't seem perfect to me.

I am curious if there are any other solutions/workarounds to this issue.

grouchomc · Accepted Answer · 2019-11-03 23:19:17Z

3

If you wrap your button label in the button_to statement:

<%= button_to "/growlers/create", method: "get" do %>
  Add Beer
<% end %>

It will render the wrapped text within a element inside the form. props to apidock: https://apidock.com/rails/ActionView/Helpers/UrlHelper/button_to

answered Nov 3, 2019 at 23:19

grouchomc

4826 silver badges11 bronze badges

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

Comments

svoop · Accepted Answer · 2013-12-03 18:36:40Z

2

Are you looking for button_tag?

http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-button_tag

answered Dec 3, 2013 at 18:36

svoop

3,4841 gold badge28 silver badges42 bronze badges

Collectives™ on Stack Overflow

Rails button_to...how to render as a <button> element?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related