Home Jsf Facelet decorate Tag
Questions:Ask|Latest

 
 

Share on Google+Share on Google+

Facelet decorate Tag

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

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 .

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: June 18, 2007

Related Tutorials

Ask Questions?    Discuss: Facelet decorate Tag  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com