title: How to ajax-refresh dynamic include content by navigation menu? (JSF SPA)
body: <p>I'm just learning JSF 2 thanks to this site I had learned a lot in such a short time.</p>
  
  <p>My question is regarding how to implement a common layout to all my JSF 2 pages and have only the content part of the page refresh not the whole page whenever I click a link/menu from a different panel.  I am using the Facelets approach it does what I want except that each time I click a link from a panel (e.g. menu items from left  panel)  the whole page is refreshed.  What I am looking for is a way to refresh only the content part of my page.  To illustrate this below is my target pagelayout. </p>
  
  <p><img src="https://i.stack.imgur.com/Www22.jpg" alt="enter image description here"> 
    Did not post my code because I'm not sure if Facelets can do this .  Are there other approach more suited for my requirement other than Facelets?</p>