HTML content for button_to

Question

I am currently using link_to:

<%= link_to edit_webcast_path(@webcast), :class => 'btn'  do %>
    <i class="icon-pencil"></i> Edit Webcast
<% end %>

But I want to do the same with button_to, however button_to must have a first label argument passed to it or it will use the path as its label.

<%= button_to edit_webcast_path(@webcast), :class => 'btn'  do %>
    <i class="icon-pencil"></i> Edit Webcast
<% end %>

... results in a button with a label that is the resolved edit_webcast_path(@webcast) path. In effect do seems to have no effect.

I have tried passing html directly as the first argument:

<%= button_to "<i class=\"icon-white icon-minus-sign \"></i> Edit Webcast".html_safe, webcast_path(@webcast), :class => 'btn'%>

But this results in a button with the label displaying part of the html string I pass in. Looking at the generated HTMl I can see that the contents of this first argument is placed in the input's value attribute and not inside the input itself.

How can I get this to work?

score 2 · Accepted Answer · edited Apr 30 '14 at 14:26

2

Rails button_to generates a form with html <input type="submit"> element , not <button> one. You can try to override it or write your own helper to generate <button> , take a look at this example

edited Apr 30 '14 at 14:26

Augustin Riedinger

20,909
29
133
206

answered Jun 05 '12 at 17:03

dimuch

12,728
2
39
23

Thanks for the link. I should still be able to place an tag inside an input element though shouldn't I? – Undistraction Jun 05 '12 at 17:06
You can't place html tags inside submit button, but can do it with ` – dimuch Jun 05 '12 at 17:31

score 0 · Answer 2 · answered Jun 06 '12 at 16:35

0

In Rails, button_to will try to do a post or put, so it is not actually a "regular" button, you can style your link to look and act like a button

answered Jun 06 '12 at 16:35

YaBoyQuy

783
5
8

score 0 · Answer 3 · answered Sep 05 '20 at 17:35

0

You can add HTML inside a button_to element like this:

<%= button_to "New", new_articles_path do %>
  Create a <strong>new article</strong>
<% end %>

More info: https://apidock.com/rails/ActionView/Helpers/UrlHelper/button_to

answered Sep 05 '20 at 17:35

penguoir

155
1
11

score -5 · Answer 4 · answered Jun 20 '12 at 02:55

You are doing it wrong. You are trying to add a unnecessary html element to control something that is the CSS job.

Instead just create a class or Id for the button and add this to the css:

 .btn { padding-left:30px; background: url(pencil.png) no-repeat; }

HTML content for button_to

4 Answers4