Facelet decorate Tag

This tag is useful when we want content with some decoration text in the document.

Facelet decorate Tag

Facelet decorate Tag

        

This tag is like composition tag. Difference between those is that the content outside of the decorate tag is rendered while it is reverse for composition tag i.e. it is not rendered when we use composition tag. This tag is useful when we want content with some decoration text in the document. 

decorate.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"
   xmlns:h="http://java.sun.com/jsf/html">
<body>
   <center><h2>RoseIndia Facelet Tags Tutorial</h2></center>
   <h3>Welcome to the Facelet world..........</h3><hr/>

   <ui:decorate template="/pages/decorate/decoratetemplate.xhtml">
  <ui:define name="face1">
  <table border="1">
   <tr bgcolor="pink"><th>First Name</th>
   <th>Last Name</th></tr>
   <tr><td>Rose</td>
  <td>India</td></tr>
   <tr><td>Mr. Deepak</td>
  <td>Kumar</td></tr>
  </table><hr/>
  </ui:define>
   </ui:decorate>

   <h3>This is the content below decorate tag.</h3>
</body>
</html>

 decoratetemplate.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 name="face1"></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">
<body>
<center><h2>RoseIndia Facelet Tags Tutorial</h2></center>
<h3>Welcome to the Facelet world..........</h3>
<hr /><!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>
   <table border="1">
  <tr bgcolor="pink">
  <th>First Name</th>
  <th>Last Name</th></tr>
   <tr><td>Rose</td>
   <td>India</td></tr>
   <tr><td>Mr. Deepak</td>
   <td>Kumar</td></tr>
   </table><hr />
</body>
</html>
<h3>This is the content below decorate tag.</h3>
</body>
</html>

 This tag contains one attribute :

template : This is used to specify the name of the template where the content of decorate tag will be used .

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