ZF Change The Layout

Home Tutorial Php Zendframework ZF Change The Layout

ZF Change The Layout
Posted on: April 26, 2010 at 12:00 AM

In this tutorial we will study how to set or customize the default look and feel of the web pages developed by ZF. How to create and use the layout.phtml file etc are discussed in this current tutorial.

Change the Layout, in ZF:

It is very common activity in web application that we need html layout in the web page, like in the header section, footer section, sidebars etc. Zend_Layout component solves this problem by allowing us to put all the necessary code in layout view script which will include the necessary code for the action being executed.

Initially ZF does not create any layout directory or related file, to create one type the following command in the command prompt:

enable layout

After executing the command ZF will create folders and a file structure as layouts ->scripts->layout.phtml and it also updates the application.ini file, under the production section it adds the following line:

resources.layout.layoutPath = APPLICATION_PATH "/layouts/scripts/"

Now open the layout.phtml file and change the existing content with the following code:

<?php

$this->headMeta()->appendHttpEquiv('Content-Type', 'text/html;charset=utf-8');

$this->headTitle()->setSeparator(' | ');

$this->headTitle('Zend HelloWorld');

echo $this->doctype(); ?>

<head>

<?php echo $this->headMeta(); ?>

<?php echo $this->headTitle(); ?>

</head>

<body>

<h1><?php echo $this->escape($this->title); ?></h1>

<?php echo $this->layout()->content; ?>

</div>

</body>

</html>

If you wish to make small changes in the index page, like to change the title of the index page or to put a heading in that page just add few lines in the indexAction method in IndexController.php file:

public function indexAction()

{

$this->view->title="My First Web Page";

$this->view->headTitle($this->view->title);

}

After refreshing the home page (index page) the output will be as follows:

layout

Related Tags for ZF Change The Layout:

«Previous Index Next»

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics