Rails 3.2 using content_tag to generate a 'Delete' button with twitter-bootstrap icons

Question

I'm trying to replicate the Delete button icon in this example using the Rails 3 content_tag method, within a nested form and using jQuery unobtrusively (or at least I hope to be). Twitter-Bootstrap Delete Button icon (example) The html produced in when inspecting with Firebug is below. ``` Delete ``` I'm using the following to generate the button with an icon but cannot add the "Delete Ingredients" to it, nor do I get the "#" for the href. Here is my code from within the ingredients partial: ``` <%= link_to content_tag(:a, content_tag(:i, '', class: "icon-trash icon-white"), class: "btn btn-danger remove_fields") %> ``` This generates: ``` ``` This was based on information from Api dock - content_tag which had the following code example: ``` content_tag(:div, content_tag(:p, "Hello world!"), :class => "strong") # =>

Accepted Answer

``` <%= link_to(body, url, html_options = {}) %> ``` So your request in 1 line is: ``` <%= link_to content_tag(:i, "", class: "icon-trash icon-white") + "Delete", path_to_stuff, method: :delete, class: "btn btn-danger remove_fields" %> ``` The most complicated part is the 'body'. You just have to remember that all these content_tag helpers (including link_to and others), return a string. BUT, this is ugly. AND long. AND hard to maintain. So your proposed solution that takes the block is much better.

Rails 3.2 using content_tag to generate a 'Delete' button with twitter-bootstrap icons

Solution

Problem