Scribd
Upload
29 views7 pages

Add Active Class To Menu in Codeigniter.

The document provides a guide on how to add an active class to menu items in CodeIgniter, detailing steps to create a helper file and load it in the controller. It includes code snippets for defining functions that check the current controller and method to apply the active class accordingly. Additionally, there are user comments suggesting modifications and improvements to the original code for better functionality.

Uploaded by

Mike Clark
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views7 pages

Add Active Class To Menu in Codeigniter.

The document provides a guide on how to add an active class to menu items in CodeIgniter, detailing steps to create a helper file and load it in the controller. It includes code snippets for defining functions that check the current controller and method to apply the active class accordingly. Additionally, there are user comments suggesting modifications and improvements to the original code for better functionality.

Uploaded by

Mike Clark
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

sadanandkenganal / activelink_codeigniter.

md
Last active 3 years ago • Report abuse

Code Revisions 13 Stars 5 Forks 2 Embed Download ZIP

Add active class to menu in codeigniter.

activelink_codeigniter.md

#Add active class to menu in codeigniter

In codeigniter, it’s very easy to add active class to the current menu in menu item.

Follow the below steps.

Step 1:- Create a file called "menu_helper.php" inside


"application/helpers/menu_helper.php" and paste the below code.

<?php if(!defined('BASEPATH')) exit('No direct script access allowed');


if(!function_exists('active_link')) {
function activate_menu($controller) {
// Getting CI class instance.
$CI = get_instance();
// Getting router class to active.
$class = $CI->router->fetch_class();
return ($class == $controller) ? 'active' : '';
}
}?>

Step 2:- Load above helper in your controller (go to


controllers/yourcontrooller.php). OR Load above helper in .autoload (go to
config/autoload.php and add below code).

$this->load->helper('menu');

Step 3 :-. Add class to your menu. pass your controller name in activate_menu()
method.
<li class="<?php echo activate_menu('home'); ?>"><a href="<?php echo site_url();
<li class="<?php echo activate_menu('aboutus'); ?>"><a href="<?php echo site_url

peterson-umoke commented on Jan 28, 2017

this code is good but limited, its only looking a class not the method.

peterson-umoke commented on Jan 28, 2017 • edited

<?php
if(!function_exists("show_current_class")) {
function show_current_class($args = "",$class = "active") {
$route_obj = new CI_Router;
$get_page = $route_obj->method;

if($get_page == $args) {
echo $class;
}
}
}
?>

this might be okay

chrismartinez99 commented on Feb 8, 2017

This is great! Thank you! I've modified it a bit here based upon the uri_string. Here you go:

function active_link($path, $className = 'active')


{
$CI =& get_instance();
$uri_string = $CI->uri->uri_string();

// Home is usually at / && has 0 total segments


if ($path === '/' && ($CI->uri->total_segments() === 0)) {
$ret_val = 'active';
} else {
$ret_val = ($uri_string === $path) ? $className : '';
}

return $ret_val;
}

MohsinAhmedShaikh commented on Oct 18, 2017

i use peterson-umoke code and its works on these lines

<li class="<?php echo show_current_class('addmovies'); ?>"><a


href="addmovies">Add Movie</a></li>
<li class="<?php echo show_current_class('movieslist'); ?>"><a
href="movieslist">Movies List</a></li>
<li class="<?php echo show_current_class('search_movie'); ?>"><a
href="search_movie">Search Movies</a>

but could not add active class without have href following line

<a class="<?php echo show_current_class('Movies'); ?>" href="i dont have any


page for this">

please help

my sidebar menu code are

<aside>
<div id="sidebar" class="nav-collapse ">
<!-- sidebar menu start-->
<ul class="sidebar-menu" id="nav-accordion">
<li>
<a href="index.php">
<i class="icon-dashboard"></i>
<span>Dashboard</span>
</a>
</li>
<li class="sub-menu">
<a class="<?php echo show_current_class('Movies'); ?>"
href="i dont have any page for this">
<i class="icon-tasks"></i>
<span>Movies</span>
</a>
<ul class="sub">
<li class="<?php echo
show_current_class('addmovies'); ?>"><a href="addmovies">Add Movie</a></li>
<li class="<?php echo
show_current_class('movieslist'); ?>"><a href="movieslist">Movies List</a>
</li>
<li class="<?php echo
show_current_class('search_movie'); ?>"><a href="search_movie">Search
Movies</a></li>
</ul>
</li>
<li class="sub-menu">
<a href="javascript:;" class="<?php echo
show_current_class('home'); ?>">
<i class="icon-tasks"></i>
<span>Tv Shows</span>
</a>
<ul class="sub">
<li><a href="addmovies">Add Tv Show</a></li>
<li><a href="movieslist">Tv Shows List</a></li>
<li><a href="search_movie">Search Tv Shows</a>
</li>
</ul>
</li>
</ul>
<!--multi level menu end-->
<!-- sidebar menu end-->
</div>
</aside>

Thanks

chunchillo commented on Jul 19, 2018 • edited

<?php
if(!defined('BASEPATH')) exit('No direct script access allowed');
if(!function_exists('activate_menu')) {
function activate_menu($link, $css = "") {
if ( isset($_SESSION["link"]) ) {
$controller = $_SESSION["link"];
} else {
$controller = "inicio";
}
return ($controller == $link) ? "{$css} active" : $css;
unset($_SESSION["link"]);
}
}
?>

In your controllers o methods put in

<?php
$this->session->set_flashdata("link", "name_of_menu_to_activate");
?>
In your menu boostrap

<li class="nav-item <?= activate_menu("name_of_menu_to_activate"); ?>">


<a class="nav-link" href="#">link</a>
</li>

a-tesh commented on Aug 23, 2019 • edited

I ended up with this. An optional method can be passed.

<?php if(!defined('BASEPATH')) exit('No direct script access allowed');


if(!function_exists('active_link')) {
function activate_menu($controller, $function = null) {
$CI = get_instance();
$class = $CI->router->fetch_class();
if($function) {
$method = $CI->router->fetch_method();
return ($method == $function && $class == $controller) ? 'active' : '';
}

return ($class == $controller) ? 'active' : '';


}
}?>

developerinusa commented on Feb 9, 2020 • edited

Hi all, i changed it with to array compatible.

<php if(!function_exists('active_link')) {
function activate_menu($controller)
{
// Getting CI class instance.
$CI = get_instance();
// Getting router class to active.
$class = $CI->router->fetch_class();
$is_active = FALSE;
if(is_array($controller)) {
foreach ($controller as $cont){
if($cont == $class){
$is_active = TRUE;
}
}
}else{
if($controller == $class){
$is_active = TRUE;
}
}

return ($is_active) ? "active" : "";


}
}?>

Yo can also set active class to top menu like this

<?=activate_menu('controller');?>
<?=activate_menu(['controller1', 'controller2']);?>

zdarin commented on Apr 18, 2020

Hi all, i changed it with to array compatible.

<php if(!function_exists('active_link')) {
function activate_menu($controller)
{
// Getting CI class instance.
$CI = get_instance();
// Getting router class to active.
$class = $CI->router->fetch_class();
$is_active = FALSE;
if(is_array($controller)) {
foreach ($controller as $cont){
if($cont == $class){
$is_active = TRUE;
}
}
}else{
if($controller == $class){
$is_active = TRUE;
}
}

return ($is_active) ? "active" : "";


}
}?>

Yo can also set active class to top menu like this

<?=activate_menu('firma','firmaType');?>
hi i cant figure out why not working in codeigniter 4.0.2 can you help ?

orbitasol commented on Sep 10, 2020

Hi all,
I think it is most easy to track active link by current url with js. Check the following link
Sorry for my bad english.

You might also like