blob: e53db49db70758370c99a3d68518ec2caa9c33a2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
---
layout: post
title: "Highlight link based on current page in rails"
date: 2008-09-27T19:47:00Z
comments: false
url: /post/52081481/highlight-link-based-on-current-page-in-rails
tags:
---
This is common pattern in website navigation, where it highlights the link (usually by setting `class=”active”`) that took you to the current page while you are on that page.
First, define a helper:
```ruby
def is_active?(page_name)
"active" if params[:action] == page_name
end
```
Then call it in your link_to’s in your layout as such:
```ruby
link_to 'Home', '/', :class => is_active?("index")
link_to 'About', '/about', :class => is_active?("about")
link_to 'contact', '/contact', :class => is_active?("contact")
```
This effect is achieved due to how link_to handles being passed `nil` for its `:class`, so when `is_active?` returns `nil` (because its not the current page), `link_to` outputs nothing as its class (not `class=””` as you might expect).
|
