Facelet composition Tag

This is a templating tag and is used for the wrapping the content that can be included in any other facelet. This tag provides some useful features.

Facelet composition Tag

Facelet composition Tag

        

This is a templating tag and is used for the wrapping the content that can be included in any other facelet. This tag provides some useful features. Any content outside of this tag is left to be rendered. You can  include normal html content  in your page but Facelet will render only content that is within this tag i.e. composition tag. This tag takes one attribute named "template". This attribute is set to the path of the template where the content of this tag will be included. 

Code Description : 

composition.xhtml : In the code below we have taken template attribute which indicates the template to which the content inside this composition tag will be rendered. Here we have written some content outside of the composition tag, that content will not be rendered. In the comptemplate.xhtml we have used insert tag to include the content inside the composition tag to the comptemplate.xhtml page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets">
   <body>
  Content above composition tag will not be rendered.
  <ui:composition template="/pages/composition/comptemplate.xhtml">
   <h2>This is the content to be included in the comptemplate.xhtml page.</h2>
  </ui:composition>
  Content below composition tag will not be rendered.
   </body>
</html>

 comptemplate.xhtml :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets">
  <head>
  <title>facelet example </title>
  <link href="../../style/CSS.css" rel="stylesheet" type="text/css"/>
  </head>
  <body> 
  <ui:insert />
  </body>
</html>

 Rendered Output :

Html Source Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <title>facelet example </title>
  <link href="../../style/CSS.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
   <h2>This is the content to be included in the comptemplate.xhtml page.</h2>
  </body>
</html>

 This tag contains only one attribute :

template : This attribute is set to the template where the content inside this tag will be included.

Tutorials

  1. JSF Tutorial and examples
  2. JSF Books
  3. JSF EXAMPLES
  4. INTRODUCING JAVA SERVER FACES (JSF)
  5. JSF Tutorial for Beginners
  6. Java Server Faces (JSF) Tutorial
  7. INTRODUCING JAVA SERVER FACES
  8. JSF - Java Server Faces Tutorials
  9. JSF Introduction - An Introduction to JSF Technology
  10. The quick overview of JSF Technology
  11. What is Java Server Faces?
  12. Versions of JSF, Latest Version of JSF, Latest Release of JSF
  13. JSF Features
  14. How JSF Fits For Web Applications?
  15. JSF Components
  16. JSF Tags
  17. JSF Life Cycle
  18. JSF Architecture
  19. JSF Renderers
  20. JSF HTML Tag Reference
  21. JSF column Tag
  22. JSF commandButton Tag
  23. JSF commandLink Tag
  24. JSF dataTable Tag
  25. JSF graphicImage Tag
  26. JSF inputHidden Tag
  27. JSF inputSecret Tag
  28. JSF inputText tag
  29. JSF inputTextarea tag
  30. JSF message Tag
  31. JSF outputFormat Tag
  32. JSF outputLabel Tag
  33. JSF outputLink Tag
  34. JSF outputText Tag
  35. JSF panelGrid Tag
  36. JSF panelGroup Tag
  37. JSF selectBooleanCheckbox Tag
  38. JSF selectManyCheckbox Tag
  39. JSF selectManyListbox Tag
  40. JSF selectManyMenu Tag