StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You should also check out <a href="https://facelets.java.net/" rel="nofollow noreferrer">Facelets</a>; there is a <a href="http://www.ibm.com/developerworks/java/library/j-facelets/" rel="nofollow noreferrer">good introductory article</a> on DeveloperWorks.</p> <p>The Facelets <code><ui:insert/></code> tag is comparable to the ASP.NET <code><asp:ContentPlaceHolder/></code> tag used in master pages; it lets you provide default content for that area of the page, but this can be overridden.</p> <p>To fill the Facelets template in another page, you start with a <code><ui:composition/></code> element that points to the template file. This is roughly equivalent to declaring the MasterPageFile attribute in an ASP.NET page.</p> <p>Inside the <code><ui:composition/></code> element, you use <code><ui:define/></code> elements to override the template defaults, similar to the way an <code><asp:Content/></code> tag is used. These elements can contain any kind of content - from simple strings to JSF elements.</p> <p>So, to bring it all together...</p> <p>In <em>master.xhtml</em>:</p> <pre><code> <ui:insert name="AreaOne">Default content for AreaOne</ui:insert> <ui:insert name="AreaTwo">Default content for AreaTwo</ui:insert>  </code></pre> <p>In <em>page.xhtml</em>:</p> <pre><code><ui:composition template="/WEB-INF/templates/master.xhtml"> <ui:define name="AreaOne">Here is some new content</ui:define> <ui:define name="AreaTwo"> <p>Some new content here too</p> </ui:define> </ui:composition> </code></pre> <p>And this will render as:</p> <pre><code> Here is some new content <p>Some new content here too</p>  </code></pre> <p>You also get some other benefits with Facelets, such as the ability to reuse page components with different data.</p> <p>(Edited to provide more information.)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload