Breadcrumb for Codeigniter 3

February 18, 2021
29
Views

Demo – https://demo.domprojects.com/ci-breadcrumb/

Installation

  1. Download CodeIgniter 3.x.x
  2. Unpack the archive
  3. Copy the contents of the uncompressed archive to the root of your site or copy the directory of the uncompressed archive to the root of your site
./
|_ application
|_ system
|_ index.php

OR

./
|_ CI-Breadcrumb
  |_ application
  |_ system
  |_ index.php

Librairie CI-Breadcrumb

  1. Download the archive
  2. Unpack the archive
  3. Copy the contents of the uncompressed archive to your site
./
|_ application
  |_ controllers
    |_ Test_breadcrumb.php
  |_ libraries
    |_ Breadcrumb.php
  |_ views
    |_ test_breadcrumb.php
|_ system
|_ index.php

OR

./
|_ CI-Breadcrumb
  |_ application
    |_ controllers
      |_ Test_breadcrumb.php
    |_ libraries
      |_ Breadcrumb.php
    |_ views
      |_ test_breadcrumb.php
  |_ system
  |_ index.php

Utilisation

Folder controllers

Your controller file contents with the default style:

// Load library breadcrumb
$this->load->library('breadcrumb');

// Add items
$breadcrumb_items = [
  'Dashboard' => '/',
  'Users' => 'users',
  'Add' => 'users/add'
];
$this->breadcrumb->add_item($breadcrumb_items);

// Generate breadcrumb
$this->data['content_breadcrumb'] = $this->breadcrumb->generate();

With a style customization (for the example with Bootstrap):

// Load library breadcrumb
$this->load->library('breadcrumb');

// Custom style
$template = [
  'tag_open' => '<ol class="breadcrumb">',
  'crumb_open' => '<li class="breadcrumb-item">',
  'crumb_active' => '<li class="breadcrumb-item active" aria-current="page">'
];
$this->breadcrumb->set_template($template);

// Add items
$this->breadcrumb->add_item($breadcrumb_items);

// Generate breadcrumb
$data['breadcrumb_bootstrap_style'] = $this->breadcrumb->generate();

Folder views

File contents test_breadcrumb.php :

<?php echo $content_breadcrumb; ?>

Result

Default style (without style)

1. Dashbord
2. Users
3. Add

Bootstrap style

Dashbord / Users / Add

Article Tags:
·
Article Categories:
Codeigniter · Php

Comments are closed.