Header and footer in CodeIgniter

Question

I really don t enjoy writing in every controller        this- gt load- gt view  templates header         this- gt load- gt view  body         this- gt load- gt view  templates footer      Is it possible to do  that header and footer would be included automatically and if we need to change it  we could also do that  How do you deal with that  Or it s not a problem in your opinion  Thanks

User · Answer

Using This Helper For Dynamic Template Loading       get  Template      function get template  template name   vars   array     return   FALSE             CI    amp  get instance              content                last    CI -  gt  uri -  gt  total segments             if   CI -  gt  uri -  gt  segment  last      tab                  content    CI -  gt  load -  gt  view  Header    vars   return                content     CI -  gt  load -  gt  view  Sidebar    vars   return                       content     CI -  gt  load -  gt  view  template name   vars   return            if   CI -  gt  uri -  gt  segment  last      tab                  content     CI -  gt  load -  gt  view  Footer    vars   return                      if   return                return  content

User · Answer

Yes   Create a file called template php in your views folder   The contents of template php    this- gt load- gt view  templates header     this- gt load- gt view  v    this- gt load- gt view  templates footer      Then from your controller you can do something like    d  v      body    this- gt load- gt view  template    d       This is actually a very simplistic version of how I personally load all of my views  If you take this idea to the extreme  you can make some interesting modular layouts   Consider if you create a view called init php that contains the single line    this- gt load- gt view  html      Now create the view html php with contents    lt  DOCTYPE html gt   lt html lang  en  gt       lt    this- gt load- gt view  head      gt       lt    this- gt load- gt view  body      gt   lt  html gt    Now create a view head php with contents    lt head gt   lt title gt  lt     title   gt  lt  title gt   lt base href   lt    site url     gt   gt   lt link rel  shortcut icon  href  favicon ico  gt   lt script type  text javascript  gt   Put global scripts here    lt  script gt   lt  -- ETC ETC    DO A BUNCH OF OTHER  lt HEAD gt  STUFF    -- gt   lt  head gt    And a body php view with contents    lt body gt       lt div id  mainWrap  gt           lt    this- gt load- gt view  header      gt           lt     FINALLY LOAD THE VIEW      gt           lt    this- gt load- gt view  v     gt           lt    this- gt load- gt view  footer      gt       lt  div gt   lt  body gt    And create header php and footer php views as appropriate   Now when you call the init from the controller all the heavy lifting is done and your views will be wrapped inside  lt html gt  and  lt body gt  tags  your headers and footers will be loaded in    d  v      fooview   this- gt load- gt view  init    d

User · Answer

This question has been answered properly  but I would like to add my approach  it s not that different than what the others have mentioned    I use different layouts pages to call different headers footers  some call this layout  some call it template etc     Edit core Loader php and add your own function to load your layout  I called the function e g layout   Create your own template page and make it call header footer for you  I called it default php and put in a new directory e g  view layout default php Call your own view page from your controller as you would normally  But instead of calling  this-load- gt view use  this- gt load- gt layout  layout function will call the default php and default php will call your header and footer     1   In core Loader php under view   function I duplicated it and added mine     public function layout  view   vars   array     return   FALSE               vars  display page      view   will be called from the layout page         layout                 isset  vars  layout       vars  layout      default          return  this- gt  ci load array   ci view    gt   layouts  layout     ci vars    gt    this- gt  ci object to array  vars     ci return    gt   return           2  Create layout folder and put default php in it in  view layout default php      this- gt load- gt view  parts header     or wherever your header is     this- gt load- gt view  display page       this- gt load- gt view  parts footer   or wherever your footer is   3  From your controller  call your layout     this- gt load- gt layout  projects      will use  view layout default php  layout which in return will call header and footer as well     To use another layout  include the new layout name in your  data array    data  layout      full width     this- gt load- gt layout  projects    data     will use full width php layout   and of course you must have your new layout in the layout directory as in   view layout full width php

User · Answer

You can use your config php file  and also use the power of helpers in CodeIgniter    config  header css     array  style css   prettyPhoto css   nivo-slider css     config  header js      array  core js   core js                                  jquery-1 4 1 min js                                  jquery-slidedeck pack lite js                                  jquery-prettyPhoto js                                  jquery nivo slider js      Source  https   jamshidhashimi com dynamically-add-javascript-and-css-files-in-codeigniter-header-page

User · Answer

I had this problem where I want a controller to end with a message such as  Thanks for that form  and generic  not found etc   I do this under views- message- message v php   lt  php      title    Message        this- gt load- gt view  templates message header   array  title    gt   title      gt   lt h1 gt Message lt  h1 gt   lt  php echo  msg text    gt   lt h2 gt Thanks lt  h2 gt   lt  php  this- gt load- gt view  templates message footer      gt    which allows me to change message rendering site wide in that single file for any thing that calls   this- gt load- gt view  message message v    data

User · Answer

A simple rewrite of  Landons MY Loader  to include multiple files for the body  e i  page unique sidebars      lt  php  class MY Loader extends CI Loader       public function template  template name   vars   array     return   FALSE                 content     this- gt view  frontend templates header    vars   return            if is array  template name       return all values in contents              foreach  template name as  file to load                        content     this- gt view  frontend    file to load   vars   return                                   else                             content     this- gt view  frontend    template name   vars   return                       content     this- gt view  frontend templates footer    vars   return            if   return                        return  content                      This works both ways     Including one file to template      data  moo      my data     this- gt load- gt template  home    data     Include multiple files to template     data  catalog      catalog load 1    data  sidebar      sidebar load 2               load   array  catalog catalog    catalog sidebar             this- gt load- gt template  load   data

User · Answer

Here s what I do    lt  php          application core MY Loader php        class MY Loader extends CI Loader       public function template  template name   vars   array     return   FALSE                 content     this- gt view  templates header    vars   return            content     this- gt view  template name   vars   return            content     this- gt view  templates footer    vars   return            if   return                        return  content                      For CI 3 x   class MY Loader extends CI Loader       public function template  template name   vars   array     return   FALSE                if  return            content     this- gt view  templates header    vars   return            content     this- gt view  template name   vars   return            content     this- gt view  templates footer    vars   return            return  content      else           this- gt view  templates header    vars            this- gt view  template name   vars            this- gt view  templates footer    vars       endif            Then  in your controller  this is all you have to do    lt  php  this- gt load- gt template  body

User · Answer

Try following  Folder structure  -application  --controller    ---dashboards php  --views    ---layouts       ----application php    ---dashboards       ----index php   Controller  class Dashboards extends CI Controller       public function   construct             parent    construct          data                  array          data  js               dashboards js        data  css              dashbaord css           public function index               data                  array          data  yield            dashboards index          this- gt load- gt view  layouts application    data            View   lt  DOCTYPE html gt   lt html gt      lt head gt         lt meta charset  UTF-8    gt         lt title gt Some Title lt  title gt         lt link rel  stylesheet  href   lt  php echo base url      gt assets css app css    gt         lt link rel  stylesheet  href   lt  php echo base url      gt assets css  lt  php echo  css    gt     gt      lt  head gt      lt body gt        lt header gt  lt  header gt        lt section id  container  role  main  gt        lt  php  this- gt load- gt view  yield     gt        lt  section gt        lt footer gt  lt  footer gt        lt script src   lt php echo base url      gt assets js app js  gt  lt  script gt        lt script src   lt php echo base url      gt assets js  lt  php echo  js    gt   gt  lt  script gt     lt  body gt   lt  html gt    When you need to load different js  css or whatever in the header or footer use the   construct function to  this- gt load- gt vars  Kind of a rails like approach here

User · Answer

Or more complex  but makes life easy is to use more constants in boot  So subclasses can be defined freely  and a single method to show view  Also selected constants can be passed to javascript in the header    lt  php       extends codeigniter main controller      class CH Controller extends CI Controller        protected  viewdata   public function   construct         parent    construct                  hard code   override and transfer only required constants  for security  server constants               such as domain name to client - this is for code porting and no passwords or database details               should be used - ajax is for this       this- gt viewdata   array                   constants js    gt  array                       TOP DOMAIN   gt TOP DOMAIN                       C UROOT    gt  C UROOT                       UROOT    gt  UROOT                       DOMAIN   gt  DOMAIN                                      public function show  viewloc                 this- gt load- gt view  templates header    this- gt viewdata        this- gt load- gt view  viewloc   this- gt viewdata        this- gt load- gt view  templates footer    this- gt viewdata        loads custom class objects if not already loaded public function loadplugin  newclass        if   class exists  PL      newclass             require CI PLUGIN    PL      newclass     php              then simply    this- gt show   lt path gt  views viewname whatever V php      will load header  view and footer

User · Answer

I tried almost all the answers proposed on this page and many other stuff  The best option I finally keeped on all my websites is the following architecture   A single view  I display only one view in the browser  Here is my main view   views page php     lt  php defined  BASEPATH   OR exit  No direct script access allowed      gt   lt  DOCTYPE html gt   lt html lang  en  gt       lt head gt           lt     header         gt       lt  head gt       lt body gt           lt div style  width 1200px  gt                   lt     content         gt           lt  div gt        lt  body gt   lt  html gt    Controllers deal with multiple views  Of course  I had several views but they are concatenated to build the  header and the  content variables  Here is my controller    data  header      this- gt load- gt view  templates google-analytics       TRUE                     this- gt load- gt view  templates javascript       TRUE                     this- gt load- gt view  templates css       TRUE      data  content      this- gt load- gt view  templates navbar       TRUE                      this- gt load- gt view  templates alert    myData  TRUE                      this- gt load- gt view  home index    myData  TRUE                      this- gt load- gt view  home footer       TRUE                      this- gt load- gt view  templates modal-login       TRUE     this- gt load- gt view  templates page    data      Look how beautiful and clear is the source code   You no longer have HTML markup opened in one view and closed in another   Each view is now dedicated to one and only one stuff   Look how views are concatenated  method chaining pattern  or should we say  concatanated chaining pattern  You can add optional parts  for example a third  javascript variable at the end of the body  I frequently extend CI Controller to overload  this- gt load- gt view with extra parameters dedicated to my application to keep my controllers clean  If you are always loading the same views on several pages  this is finally the answer to the question   two options depending on your needs    load views in views extend CI Controller or CI Loader    I m so proud of this architecture

User · Answer

i had reached for this and i hope to help all create my controller in application core then put this code in it with change as your file s name        lt  php defined  BASEPATH   OR exit  No direct script access allowed       this is page helper to load pages daunamically class MY Controller extends CI Controller     function loadPage  user  data  page  home       switch  user       case  user       this- gt load- gt view  Temp head   data       this- gt load- gt view  Temp us sidebar   data       this- gt load- gt view  Users    page  data       this- gt load- gt view  Temp footer   data      break      case  admin       this- gt load- gt view  Temp head   data       this- gt load- gt view  Temp ad sidebar   data       this- gt load- gt view  Admin    page  data       this- gt load- gt view  Temp footer   data      break      case  visitor        this- gt load- gt view  Temp head   data       this- gt load- gt view  page       this- gt load- gt view  Temp footer   data      break      default     echo  wrong argument      die              end switch        end function loadPage     in your controller  use this   class yourControllerName extends MY Controller   note   about name of controller prefix you have to be sure about your prefix on config php file  i hope that give help to any one

User · Answer

Here is how I handle mine  I create a file called template php in my views folder  This file contains all of my my main site layout  Then from this template file I call my additional views  Here is an example    lt  doctype html gt   lt html lang  en  gt   lt head gt     lt meta charset utf-8  gt     lt title gt  lt  php echo  title    gt  lt  title gt       lt link href   lt  php echo base url      gt assets css bootstrap min css  rel  stylesheet  type  text css    gt       lt link href   lt  php echo base url      gt assets css main css  rel  stylesheet  type  text css    gt   lt noscript gt  Javascript is not enabled  Please turn on Javascript to use this site   lt  noscript gt    lt script type  text javascript  gt     lt   CDATA  base url     lt  php echo base url     gt         gt   lt  script gt    lt  head gt   lt body gt    lt div id  wrapper  gt       lt div id  container  gt           lt div id  top  gt               lt  php  this- gt load- gt view  top     gt           lt  div gt            lt div id  main  gt               lt  php  this- gt load- gt view  main    gt           lt  div gt            lt div id  footer  gt                lt  php  this- gt load- gt view  bottom     gt           lt  div gt       lt  div gt  lt  -- end container -- gt   lt  div gt  lt  -- end wrapper -- gt    lt script type  text javascript  src   lt  php echo base url     gt assets js jquery-1 8 2 min js   gt  lt  script gt   lt script type  text javascript  src   lt  php echo base url     gt assets js bootstrap min js  gt  lt  script gt    lt  body gt   lt  html gt    From my controller  I will pass the name of the view to  data  main    So I will do something like this then   class Main extends CI Controller        public function index                  data  main      main view              data  title      Site Title              this- gt load- gt vars  data              this- gt load- gt view  template    data

User · Answer

CodeIgniter-Assets is easy to configure repository to have custom header and footer with CodeIgniter I hope this will solve your problem

User · Answer

Redefine the CI Loader  view function by adding a file named as  MY Loader php  in your application core folder and adding the following content         application core MY Loader php     class MY Loader extends CI Loader              public function view  view   vars   array     return   FALSE   include template TRUE                         header                  footer                  if  include template                                     header parent  view  templates header   vars  return                               content parent  view  view   vars  return                if  include template                                     footer parent  view  templates footer   vars  return                              if  return                      return   header content footer                return  this

[php] Header and footer in CodeIgniter

Examples related to php

Examples related to codeigniter