Home Jsf Facelet decorate Tag



Facelet decorate Tag
Posted on: June 18, 2007 at 12:00 AM
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 .

Related Tags for Facelet decorate Tag:
ccomidediffiocontenttagdifferencethisidpositionrenderreverselikeifforcompositionwhileposbetweeneilitnotliusecenomntoutsidsidetweenososiosiosendratewhenseeetwatkishatwssrenthhatdecoratefendonomo


More Tutorials from this section

Ask Questions?    Discuss: Facelet decorate Tag  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.