Setting the class of HTML elements using Rails?

Question

I have a Rails app with Twitter Bootstrap installed. Bootstrap encapsulates each navigation bar link in a HTML list element, like so:

<ul class="nav">
    <li><a href="#home">Home</a></li>
    <li><a href="#products">Products</a></li>
    <li><a href="#settings">Settings</a></li>
</ul>

When a link is the current page, Bootstrap allows you to highlight it by setting the list element's class (not the link itself) to "active", like so:

    <li class="active"><a href="#products">Products</a></li>

My question is: how do you set the list element's class to "active" (if it is the current page) programmatically using Rails?

I know how it can be done for a link. Example:

<%= link_to "Products", products_path, :class => "active" if current_page?(:controller => "products") %>

But I don't know how it can be done for the parent list element.

georgebrock · Accepted Answer · 2012-07-20 03:41:25Z

2

Use the content_tag helper:

<%= content_tag :li, :class => 'active' do %>
  List item contents
<% end %>

answered Jul 20, 2012 at 3:41

georgebrock

30.6k13 gold badges81 silver badges72 bronze badges

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

2 Comments

XåpplI'-I0llwlg'I - Over a year ago

But how to set the class to "active" only if it is the current page? I tried <%= content_tag :li, :class => 'active' if current_page?(:controller => "products") do %> but that doesn't work.

XåpplI'-I0llwlg'I - Over a year ago

Ah, figured it out. Needs to be: <%= content_tag :li, :class => ('active' if current_page?(:controller => "products")) do %>. In other words, the class' value needs to be encapsulated in parentheses. @georgebrock can you update your answer to reflect this?

Collectives™ on Stack Overflow

Setting the class of HTML elements using Rails?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related