masterLayout.xhtml page will go to myPractice.xhtml (using ajax). The myPractice.xhtml rendered correctly - displaying all components from the template and from its own page. But when i click the 'view page source code', i only see the source code of masterLayout.xhtml.
Here's the source code:
IMPORTANT NOTE: masterLayout.xhtml HAS A RICHFACES COMMANDBUTTON (a4j:commandButton) WHICH RENDER THE PANEL ID "myPractice" FOUND IN myPractice.xhtml. This commandButton render the page through ajax means. It also means ajax is called from masterLayout page to render the panel id on another page myPractice page. Not sure if this is the cause of the issue
"View Source" very frequently doesn't actually display the source of the current page. Instead it may make a whole new page request and display what came back. Which can be a problem in the best of cases, but especially in JSF, where the URL isn't tied as tightly to the source resource names.
On a separate note, you can make code and XML easier for us to read if you wrap it in code tags. There's a "Code" button in the Ranch message editor that can do that.
I have a bad habit myself also of skipping really long examples because it's too hard to read them on-screen, so you can boost your chances of getting help by snipping out obviously repetitive/redundant stuff.
An IDE is no substitute for an Intelligent Developer.