Using multiple class in image_tag helper in ruby on rails

Question

How do I pass multiple classes to the image_tag helper in a Rails 5 app? I want to convert this HTML <img> tag:

<img class="etalage_thumb_image" src="images/m1.jpg" class="img-responsive" />

into

<%= image_tag @post.picture.url if @post.picture? %>

with the Rails image_tag helper. How do I accomplish this?

Sebastián Palma · Accepted Answer · 2017-07-09 23:08:21Z

3

Although your img in the example isn't a valid one, you can try with:

<% if @post.picture %> # To check if @post.picture isn't nil
  <%= image_tag @post.picture.url, class: 'etalage_thumb_image img-responsive' %>
<% end %>

Multiple classes separated by a white space.

edited Jul 9, 2017 at 23:08

answered Jul 9, 2017 at 23:05

Sebastián Palma

33.6k6 gold badges45 silver badges65 bronze badges

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

1 Comment

Mate Solymosi Over a year ago

Multiple classes are separated by a space, not a comma.

Mate Solymosi · Accepted Answer · 2017-07-09 23:06:43Z

2

Your HTML is invalid to begin with. It should be:

<img class="etalage_thumb_image img-responsive" src="images/m1.jpg" />

...otherwise the second class attribute overrides the first one.

Possible solution:

<% if @post.picture %>
  <%= image_tag @post.picture.url, class: "etalage_thumb_image img-responsive" %>
<% end %>

answered Jul 9, 2017 at 23:06

Mate Solymosi

6,00726 silver badges31 bronze badges

Collectives™ on Stack Overflow

Using multiple class in image_tag helper in ruby on rails

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related