This is really strange or maybe i just don't understand JSF.
To make the whole story short, supposedly i have the following:
a. File masterLayout.xhtml - main template
b. File myPractice.xhtml - compositions which uses file masterLayout.xhtml templating
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 view the 'view page source code', i only see the source code of masterLayout.xhtml.
Here's portion of 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.