Hi,
For trying out the great LiveDemo examples such as dropDownMenu etc. on Firefox and IE (firefox was being more precise)clients, recognize the code that is shown by View Source for the source under say
http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf?c=dropDownMenu
this source is the facelets ui:composition for the piece under the Usage tab; it is a sub chunk that gets included into the primary facelet page which has a template with an html tag and places to insert/include pieces/chunks.
To work you own example make yourself a small primary facelet page and a trimmed down main.xhtml template:
primary example:
---------
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:rich="http://richfaces.org/rich"> <ui:composition template="/templates/main.xhtml"> <ui:define name="title">Online Computational Services</ui:define> <ui:define name="body"> <ui:include src="/appMenu.xhtml"/> </ui:define> </ui:composition> </html>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <head> <meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8"/> <title> <ui:insert name="title"/> </title> </head> <body> <ui:insert name="body">Body</ui:insert> </body> </html>