The About Page
Sunday, November 1, 2009

The implementation of the about page is similar to that of the home page, as described in the post The Home Page.

The about page is rendered by the about action handler of the index controller.

The about action handler is an empty function:

public function aboutAction()
{
 
}

The functionality is contained within the view script:

<?php
$this->tabPane(
  'tabs',
  $this->render('index/about/about-us.phtml'),
  array('title' => 'About Us')
);
 
$this->tabPane(
  'tabs',
  $this->render('index/about/windows-development.phtml'),
  array('title' => 'Windows Development')
);
 
$this->tabPane(
  'tabs',
  $this->render('index/about/web-development.phtml'),
  array('title' => 'Web Development')
);
 
echo $this->tabContainer('tabs');

Like the home page, the about page makes use of jQuery UI tabs; the main difference is that there are three tabs on the page rather than one. See the post The Home Page for more information the ZendX_JQuery view helpers used here to generate the necessary markup and JavaScript.

The contents of the tabs are in three files stored in the about sub-directory. The content of these scripts is not repeated here, as it should be obvious from the online version of the site. The only thing to note is that the first script makes use of the custom view helper described in the post The Navigation Link View Helper.

Posted by James at 5:36 pm   0 comments

Leave a Reply