This library allows developers to theme their CI installation. With some customization the theming library can also be configured to display different themes depending on:

• Login Roles
• Mobile / Desktop themes
• ... and many more.

The theming library allows theme developers and backend developers to work independently. Integration of a theme is quite simple and generally takes less than 20 mins to integrate into most templates.

1. Copy “application” and “themes” directory to your root. Allow the filesystem to overwrite the files.
2. Visit the URL for your current site installation

• themes/*
• application/config/layout.php
• application/core/Layout_Controller.php
• application/core/MY_Controller.php
• application/helpers/MY_path_helper.php
• application/language/english/error_lang.php
• application/language/english/site_lang.php
• application/libraries/Layout.php

• application/config/autoload.php
  1. Make sure the following libraries are loaded: 'layout' i.e. $autoload['libraries'] = array('layout');
  2. Make sure the following configs are loaded: ‘layout’ i.e. $autoload['config'] = array('layout');

• Extend by Layout_Controller
• Added a _remap method
• In controller method, can load the layout object
• In the view, load data array to the template for display

Javascript files are loaded from the [root]/js folder. To improve readability and organization, I suggest that you should create a folder with the controller name, and name the js file with the method.

• $this->layout->addJS(‘welcome/index.js’);

You can load an external javascript file using the follow line of code:

• $this->layout->addExternalJS(‘https://www.fontawesome.com/test_file.js’);

CSS files are loaded from the [root]/css folder. To improve readability and organization, I suggest that you should create a folder with the controller name, and name the js file with the method.

• $this->layout->addCSS(‘welcome/index.css’);

Packages are js libraries that are contained as a single package with both js and css files. Packages are generally stored and loaded in [root]/package folder. We have 3 methods for loading packages:

• Add Package: This loads both the js and css file in one method – i.e. $this->layout->addPackage(‘bootstrap/dist/js/bootstrap.js’, ’bootstrap/dist/css/bootstrap.css’);

• Add JS Package: This just loads the js file i.e. $this->layout->addJSPackage(‘bootstrap/dist/js/bootstrap.js’);

• Add CSS Package: This just loads the css file i.e. $this->layout->addCSSPackage(‘bootstrap/dist/css/bootstrap.css’);

See more methods in application/libraries/layout.php