Question

I have a rails app using a ul as a toolbar. I want to have a style (selected) to apply to the page the user is on.

How can I do that?

This is what I have so far, but the selected style is hard coded and I’m also not sure how to know what page is selected.

      <ul>
        <li class="firstItem"><%= link_to "About", '/about' %></li>
        <li class="item"><%= link_to "Page1", '/page1' %></li>
        <li class="item selected" <%= link_to "Page2", '/page2' %></li>
        <li class="item"><%= link_to "Contact", '/contact' %></li>
        <li class="lastItem"><%= link_to "Blog", '/blog' %></li>
      </ul>

Answer 1

if each li is linked to different controller you can use controller_name to add or not the selected class

Here is an example from my app, it’s in haml

  %ul
    %li
      %a{:href => '/kebabs', :class => ('current' if controller_name == 'kebabs')} Admin kebabs
    %li
      %a{:href => '/statistics', :class => ('current' if controller_name == 'statistics')} Statistiques
    %li
      %a{:href => '/people', :class => ('current' if controller_name == 'people')} Admin Personnes

cheers