0 Replies Latest reply on Oct 22, 2007 7:14 PM by Roger Martin

    Note for folks new to facelets and the fantastic LiveDemo's

    Roger Martin Newbie

      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>
      

      ---------
      Where the main.xhtml's content is
      ---------
      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>
      

      ---------
      appMenu.xhtml can contain any number of the LiveDemo sources. This allowed some of the more complicated resused/reworked examples such as dropDownMenu & dnd to work on Firefox and IE.