elegant way to add css class in rails partials

Question

I have partials which display in sidebar like below

__side_bar_partials.html.erb

<div class="col-sm-3">
  <div class="account-left">              
    <ul>
      <li class="active"><a href="menu1">Menu1</a></li>
      <li><a href="menu2">Menu2</a></li>
      <li><a href="menu3">Menu3</a></li>
      <li><a href="menu4">Menu4</a></li>
      <li><a href="menu5">Menu5</a></li>
    </ul>
  </div>
</div>

now what i need when i render this partial i want to add css class active added on selected menu

right now i render it with normal way

 <%= render "profile_sidebar"%>

what i need to include in above code so it will add active class on selected menu

Community · Accepted Answer · 2017-05-23 12:14:54Z

2

Basically you have 2 choices. First one is to check the current page and highlight the right menu choice.

<div class="col-sm-3">
  <div class="account-left">              
    <ul>
      <li class="<%= 'active' if current_page?(menu1_path) %>"><a href="menu1">Menu1</a></li>
      <li class="<%= 'active' if current_page?(menu2_path) %>">><a href="menu2">Menu2</a></li>
      <li class="<%= 'active' if current_page?(menu3_path) %>">><a href="menu3">Menu3</a></li>
      <li class="<%= 'active' if current_page?(menu4_path) %>">><a href="menu4">Menu4</a></li>
      <li class="<%= 'active' if current_page?(menu5_path) %>">><a href="menu5">Menu5</a></li>
    </ul>
  </div>
</div>

But since you are looking for more elegant way, I would suggest second choice: doing a separate helper for your list elements. The solution with helper is perfectly described here.

Hope it helps.

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Aug 5, 2016 at 11:04

Yaro

5683 silver badges20 bronze badges

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

2 Comments

uzaif Over a year ago

thanks for response but i dont want to use if condition in every li

Yaro Over a year ago

@uzaif that's exactly why I provided a second way ;) the one with the link here

Collectives™ on Stack Overflow

elegant way to add css class in rails partials

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