title: How To Load a jsf page to another center layout unit
body: <p>I am new To JSf Technology and am creating a system where by am using primefaces. I am using Layoutunit in primefaces and I have left,north and south layoutunit. I want my menus to be on the west layout unit and the content to be in the center unit. I want when a menu is clicked to load corresponding jsf page to the center layout. How can I achieve this? here is my sample code.</p>
  
  <pre><code>&lt;p:layout fullPage="true"&gt;
          &lt;p:layoutUnit position="north"&gt;
              &lt;p&gt;Header Here&lt;/p&gt;
          &lt;/p:layoutUnit&gt;
           &lt;p:layoutUnit position="west"&gt;
                &lt;p:menu &gt;
                      &lt;p:submenu label="Application" icon="ui-icon-refresh"&gt;
                          &lt;p:menuitem value="Page One" 
                                      ajax="false" 
                                      actionListener="#{bean.setPage('page2')}" /&gt;
                          &lt;p:menuitem value="Page Two" 
                                      ajax="false" 
                                      actionListener="#{bean.setPage('page1')}"/&gt;
                      &lt;/p:submenu&gt;
                  &lt;/p:menu&gt;
          &lt;/p:layoutUnit&gt;
           &lt;p:layoutUnit position="center"&gt;
              &lt;p&gt;Content Here&lt;/p&gt;
          &lt;/p:layoutUnit&gt;
      &lt;/p:layout&gt;
  </code></pre>