Modified: websites/production/tapestry/content/symbols.html ============================================================================== --- websites/production/tapestry/content/symbols.html (original) +++ websites/production/tapestry/content/symbols.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Symbols</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Symbols</h1></div></div> <div class="clearer"></div> </div>
Modified: websites/production/tapestry/content/tapestry-for-jsf-users.html ============================================================================== --- websites/production/tapestry/content/tapestry-for-jsf-users.html (original) +++ websites/production/tapestry/content/tapestry-for-jsf-users.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry for JSF Users</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry for JSF Users</h1></div></div> <div class="clearer"></div> </div> @@ -96,7 +90,7 @@ table.ScrollbarTable td.ScrollbarNextIco <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a> + <a shape="rect" href="tapestry-for-jsf-users.html">Tapestry for JSF Users</a> </div> @@ -105,7 +99,7 @@ table.ScrollbarTable td.ScrollbarNextIco <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="tapestry-for-jsf-users.html">Tapestry for JSF Users</a> + <a shape="rect" href="principles.html">Principles</a> </div> @@ -114,7 +108,7 @@ table.ScrollbarTable td.ScrollbarNextIco <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="principles.html">Principles</a> + <a shape="rect" href="getting-started.html">Getting Started</a> </div> @@ -123,7 +117,7 @@ table.ScrollbarTable td.ScrollbarNextIco <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="getting-started.html">Getting Started</a> + <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a> </div> Modified: websites/production/tapestry/content/tapestry-inversion-of-control-container.html ============================================================================== --- websites/production/tapestry/content/tapestry-inversion-of-control-container.html (original) +++ websites/production/tapestry/content/tapestry-inversion-of-control-container.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry Inversion of Control Container</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry Inversion of Control Container</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tapestry-inversion-of-control-faq.html ============================================================================== --- websites/production/tapestry/content/tapestry-inversion-of-control-faq.html (original) +++ websites/production/tapestry/content/tapestry-inversion-of-control-faq.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry Inversion of Control FAQ</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry Inversion of Control FAQ</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tapestry-ioc-configuration.html ============================================================================== --- websites/production/tapestry/content/tapestry-ioc-configuration.html (original) +++ websites/production/tapestry/content/tapestry-ioc-configuration.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry IoC Configuration</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry IoC Configuration</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tapestry-ioc-decorators.html ============================================================================== --- websites/production/tapestry/content/tapestry-ioc-decorators.html (original) +++ websites/production/tapestry/content/tapestry-ioc-decorators.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry IoC Decorators</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry IoC Decorators</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tapestry-ioc-modules.html ============================================================================== --- websites/production/tapestry/content/tapestry-ioc-modules.html (original) +++ websites/production/tapestry/content/tapestry-ioc-modules.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry IoC Modules</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry IoC Modules</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tapestry-ioc-overview.html ============================================================================== --- websites/production/tapestry/content/tapestry-ioc-overview.html (original) +++ websites/production/tapestry/content/tapestry-ioc-overview.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry IoC Overview</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry IoC Overview</h1></div></div> <div class="clearer"></div> </div> @@ -120,7 +114,7 @@ table.ScrollbarTable td.ScrollbarNextIco <p>So the IoC container is the "town" and in the world of the IoC container, everything has a name, a place, and a relationship to everything else in the container. Tapestry calls this world "The Registry".</p> -<p><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/23338486/ioc-overview.png?version=1&modificationDate=1290980234000&api=v2"; data-image-src="/confluence/download/attachments/23338486/ioc-overview.png?version=1&modificationDate=1290980234000&api=v2"></p> +<p><img class="confluence-embedded-image" src="tapestry-ioc-overview.data/ioc-overview.png" data-image-src="/confluence/download/attachments/23338486/ioc-overview.png?version=1&modificationDate=1290980234000&api=v2"></p> <p>Here we're seeing a few services from the built-in Tapestry IoC module, and a few of the services from the Tapestry web framework module. In fact, there are over 100 services, all interrelated, in the Registry ... and that's before you add your own to the mix. The IoC Registry treats all the services uniformly, regardless of whether they are part of Tapestry, or part of your application, or part of an add-on library.</p> Modified: websites/production/tapestry/content/tapestry-reference-guide-plan-draft.html ============================================================================== --- websites/production/tapestry/content/tapestry-reference-guide-plan-draft.html (original) +++ websites/production/tapestry/content/tapestry-reference-guide-plan-draft.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tapestry Reference Guide Plan (Draft)</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tapestry Reference Guide Plan (Draft)</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/templating-and-markup-faq.html ============================================================================== --- websites/production/tapestry/content/templating-and-markup-faq.html (original) +++ websites/production/tapestry/content/templating-and-markup-faq.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Templating and Markup FAQ</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Templating and Markup FAQ</h1></div></div> <div class="clearer"></div> </div> @@ -153,13 +147,11 @@ var footnoteMarkerHighlight = function(i } //--> </script> - <sup id="FootnoteMarker1"> <a shape="rect" class="FootnoteMarker" name="FootnoteMarker1" href="#Footnote1" onclick="footnoteHighlight("1",true);" alt="Footnote: Click here to display the footnote" title="Footnote: Click here to display the footnote"> 1 </a> -</sup> -</p><p></p><p></p><p></p><p></p><p> </p><p>However, most likely, the ViewUser page has a page activation context to identify which user is to be displayed:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> +</sup></p><p></p><p></p><p></p><p></p><p> </p><p>However, most likely, the ViewUser page has a page activation context to identify which user is to be displayed:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[public class ViewUser @Property @@ -173,8 +165,7 @@ var footnoteMarkerHighlight = function(i <a shape="rect" class="FootnoteMarker" name="FootnoteMarker2" href="#Footnote2" onclick="footnoteHighlight("2",true);" alt="Footnote: Click here to display the footnote" title="Footnote: Click here to display the footnote"> 2 </a> -</sup> -</p><p></p><p></p><p></p><p></p><p>.</p><p> </p><p>One solution would be to predict what the page URL will be, and adjust the path for that:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> +</sup></p><p></p><p></p><p></p><p></p><p>.</p><p> </p><p>One solution would be to predict what the page URL will be, and adjust the path for that:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: xml; gutter: false" type="syntaxhighlighter"><![CDATA[ <img class="icon" src="../icons/admin.png"/>${user.name} has Administrative access ]]></script> </div></div><p>But this has its own problems; the page activation context may vary in length at different times, or the template in question may be a component used across many different pages, making it difficult to predict what the correct relative URL would be.</p><p>The <em>best</em> solution for this situation, one that will be sure to work in all pages and all components, is to make use of the <code>context:</code> binding prefix:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> Modified: websites/production/tapestry/content/test-page-2.html ============================================================================== --- websites/production/tapestry/content/test-page-2.html (original) +++ websites/production/tapestry/content/test-page-2.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Test Page 2</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Test Page 2</h1></div></div> <div class="clearer"></div> </div> @@ -74,11 +68,11 @@ <div id="content"> <div id="ConfluenceContent"><p> <style type="text/css">/*<![CDATA[*/ -div.rbtoc1415712066557 {padding: 0px;} -div.rbtoc1415712066557 ul {list-style: disc;margin-left: 0px;} -div.rbtoc1415712066557 li {margin-left: 0px;padding-left: 0px;} +div.rbtoc1418563197879 {padding: 0px;} +div.rbtoc1418563197879 ul {list-style: disc;margin-left: 0px;} +div.rbtoc1418563197879 li {margin-left: 0px;padding-left: 0px;} -/*]]>*/</style></p><div class="toc-macro rbtoc1415712066557"> +/*]]>*/</style></p><div class="toc-macro rbtoc1418563197879"> <ul class="toc-indentation"><li><a shape="rect" href="#TestPage2-Generalquestions">General questions</a> <ul class="toc-indentation"><li><a shape="rect" href="#TestPage2-HowdoIgetstartedwithTapestry?">How do I get started with Tapestry?</a></li><li><a shape="rect" href="#TestPage2-WhydoesTapestryusePrototype?WhynotinsertfavoriteJavaScriptlibraryhere?">Why does Tapestry use Prototype? Why not insert favorite JavaScript library here?</a></li><li><a shape="rect" href="#TestPage2-WhydoesTapestryhaveitsownInversionofControlContainer?WhynotSpringorGuice?">Why does Tapestry have its own Inversion of Control Container? Why not Spring or Guice?</a></li><li><a shape="rect" href="#TestPage2-HowdoIupgradefromTapestry4toTapestry5?">How do I upgrade from Tapestry 4 to Tapestry 5?</a></li><li><a shape="rect" href="#TestPage2-WhyaretherebothRequestandHttpServletRequest?">Why are there both Request and HttpServletRequest?</a></li></ul> </li></ul> Modified: websites/production/tapestry/content/test-page.html ============================================================================== --- websites/production/tapestry/content/test-page.html (original) +++ websites/production/tapestry/content/test-page.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Test Page</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Test Page</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/test.html ============================================================================== --- websites/production/tapestry/content/test.html (original) +++ websites/production/tapestry/content/test.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Test</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Test</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/the-tapestry-jail.html ============================================================================== --- websites/production/tapestry/content/the-tapestry-jail.html (original) +++ websites/production/tapestry/content/the-tapestry-jail.html Sun Dec 14 13:20:36 2014 @@ -46,19 +46,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">The tapestry jail</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">The tapestry jail</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/third-party-modules.html ============================================================================== --- websites/production/tapestry/content/third-party-modules.html (original) +++ websites/production/tapestry/content/third-party-modules.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Third Party Modules</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Third Party Modules</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/tutorial.html ============================================================================== --- websites/production/tapestry/content/tutorial.html (original) +++ websites/production/tapestry/content/tutorial.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Tutorial</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Tutorial</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/type-coercion.html ============================================================================== --- websites/production/tapestry/content/type-coercion.html (original) +++ websites/production/tapestry/content/type-coercion.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Type Coercion</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Type Coercion</h1></div></div> <div class="clearer"></div> </div> @@ -98,7 +92,7 @@ <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="default-parameter.html">Default Parameter</a> + <a shape="rect" href="enum-parameter-recipe.html">Enum Parameter Recipe</a> </div> @@ -107,7 +101,7 @@ <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="enum-parameter-recipe.html">Enum Parameter Recipe</a> + <a shape="rect" href="component-parameters.html">Component Parameters</a> </div> @@ -116,7 +110,7 @@ <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="component-parameters.html">Component Parameters</a> + <a shape="rect" href="type-coercion.html">Type Coercion</a> </div> @@ -125,7 +119,7 @@ <span class="icon icon-page" title="Page">Page:</span> </div> <div class="details"> - <a shape="rect" href="type-coercion.html">Type Coercion</a> + <a shape="rect" href="default-parameter.html">Default Parameter</a> </div> Modified: websites/production/tapestry/content/typecoercer-service.html ============================================================================== --- websites/production/tapestry/content/typecoercer-service.html (original) +++ websites/production/tapestry/content/typecoercer-service.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">TypeCoercer Service</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">TypeCoercer Service</h1></div></div> <div class="clearer"></div> </div> @@ -114,7 +108,7 @@ table.ScrollbarTable td.ScrollbarNextIco <p>Like everything else in Tapestry, type coercions are extensible. At the root is the <a shape="rect" class="external-link" href="http://tapestry.apache.org/current/apidocs/org/apache/tapestry5/ioc/services/TypeCoercer.html";>TypeCoercer</a> service. Its configuration consists of a number of <a shape="rect" class="external-link" href="http://tapestry.apache.org/current/apidocs/org/apache/tapestry5/ioc/services/CoercionTuple.html";>CoercionTuples</a>. Each tuple defines how to coerce from one type to another. The initial set of coercions is focused primarily on coercions between different numeric types:</p> -<p><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/23338478/type-coercer.png?version=1&modificationDate=1290973716000&api=v2"; data-image-src="/confluence/download/attachments/23338478/type-coercer.png?version=1&modificationDate=1290973716000&api=v2"></p> +<p><img class="confluence-embedded-image" src="typecoercer-service.data/type-coercer.png" data-image-src="/confluence/download/attachments/23338478/type-coercer.png?version=1&modificationDate=1290973716000&api=v2"></p> <h2 id="TypeCoercerService-DefaultTypeCoercions">Default Type Coercions</h2> Modified: websites/production/tapestry/content/unit-testing-pages-or-components.html ============================================================================== --- websites/production/tapestry/content/unit-testing-pages-or-components.html (original) +++ websites/production/tapestry/content/unit-testing-pages-or-components.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Unit testing pages or components</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Unit testing pages or components</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/upgrade.html ============================================================================== --- websites/production/tapestry/content/upgrade.html (original) +++ websites/production/tapestry/content/upgrade.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Upgrade</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Upgrade</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/upload.html ============================================================================== --- websites/production/tapestry/content/upload.html (original) +++ websites/production/tapestry/content/upload.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Upload</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Upload</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/uploading-files.html ============================================================================== --- websites/production/tapestry/content/uploading-files.html (original) +++ websites/production/tapestry/content/uploading-files.html Sun Dec 14 13:20:36 2014 @@ -47,19 +47,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Uploading Files</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Uploading Files</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/url-rewriting.html ============================================================================== --- websites/production/tapestry/content/url-rewriting.html (original) +++ websites/production/tapestry/content/url-rewriting.html Sun Dec 14 13:20:36 2014 @@ -46,19 +46,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">URL rewriting</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">URL rewriting</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/user-guide.html ============================================================================== --- websites/production/tapestry/content/user-guide.html (original) +++ websites/production/tapestry/content/user-guide.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">User Guide</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">User Guide</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/userguide.html ============================================================================== --- websites/production/tapestry/content/userguide.html (original) +++ websites/production/tapestry/content/userguide.html Sun Dec 14 13:20:36 2014 @@ -38,19 +38,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Userguide</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Userguide</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/using-beaneditform-to-create-user-forms.html ============================================================================== --- websites/production/tapestry/content/using-beaneditform-to-create-user-forms.html (original) +++ websites/production/tapestry/content/using-beaneditform-to-create-user-forms.html Sun Dec 14 13:20:36 2014 @@ -137,20 +137,20 @@ public class CreateAddress <script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[ @Property private Address address; ]]></script> -</div></div><p>When you refresh the page, you may see the warning like the following at the top of the page:</p><p><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"; data-image-src="/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"></p><p>If you see that, it means you need to invent an HMAC passphrase for your app. Just edit your AppModule.java class (in your services package), adding a couple of lines to the contributeApplicationDefaults method like the following:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> +</div></div><p>When you refresh the page, you may see the warning like the following at the top of the page:</p><p><img class="confluence-embedded-image" src="using-beaneditform-to-create-user-forms.data/hmac-warning.png" data-image-src="/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"></p><p>If you see that, it means you need to invent an HMAC passphrase for your app. Just edit your AppModule.java class (in your services package), adding a couple of lines to the contributeApplicationDefaults method like the following:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[ // Set the HMAC pass phrase to secure object data serialized to client configuration.add(SymbolConstants.HMAC_PASSPHRASE, "");]]></script> -</div></div><p>but, instead of an empty string, insert a long, <strong>random string of characters</strong> (like a very long and complex password, at least 30 characters) that you keep private.</p><p>After you do that, stop the app and restart it, and click on the Create new address link again, and you'll see something like this:</p><p><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-initial.png?version=2&modificationDate=1416884366000&api=v2"; data-image-src="/confluence/download/attachments/23340431/create-address-initial.png?version=2&modificationDate=1416884366000&api=v2"></p><p>Tapestry has done quite a bit of work here. It has created a form that includes a field for each property. Further, it has seen that the honorific property is an enumerated type, and presented that as a drop-down list.</p><p>In addition, Tapestry has converted the property names ("city", "email", "firstName") to u ser presentable labels ("City", "Email", "First Name"). In fact, these are <label> elements, so clicking a label with the mouse will move the input cursor into the corresponding field.</p><p>This is an awesome start; it's a presentable interface, quite nice in fact for a few minute's work. But it's far from perfect; let's get started with some customizations.</p><h1 id="UsingBeanEditFormToCreateUserForms-ChangingFieldOrder">Changing Field Order</h1><p>The BeanEditForm must guess at the right order to present the fields; for public fields, they end up in alphabetical order. For standard JavaBeans properties, the BeanEditForm default is in the order in which the getter methods are defined in the class (it uses line number information, if available).</p><p>A better order for these fields is the order in which they are defined in the Address class:</p><ul><li>honorific</li><li>firstName</li><li>lastName</li><li>street1</li><li>street2</li><li>city</li><li>state</li><li>zip</li><li >email</li><li>phone</li></ul><p>We can accomplish this by using the ><code>reorder</code> parameter of the BeanEditForm component, which is a >comma separated list of property (or public field) names:</p><div class="code >panel pdl" style="border-width: 1px;"><div class="codeHeader panelHeader pdl" >style="border-bottom-width: 1px;"><b>CreateAddress.tml >(partial)</b></div><div class="codeContent panelContent pdl"> +</div></div><p>but, instead of an empty string, insert a long, <strong>random string of characters</strong> (like a very long and complex password, at least 30 characters) that you keep private.</p><p>After you do that, stop the app and restart it, and click on the Create new address link again, and you'll see something like this:</p><p><img class="confluence-embedded-image" src="using-beaneditform-to-create-user-forms.data/create-address-initial.png" data-image-src="/confluence/download/attachments/23340431/create-address-initial.png?version=2&modificationDate=1416884366000&api=v2"></p><p>Tapestry has done quite a bit of work here. It has created a form that includes a field for each property. Further, it has seen that the honorific property is an enumerated type, and presented that as a drop-down list.</p><p>In addition, Tapestry has converted the property names ("city", "email", "firstName") to user presentable labels ("City", "Email", "First Name"). In fact, these are &l t;label> elements, so clicking a label with the mouse will move the input cursor into the corresponding field.</p><p>This is an awesome start; it's a presentable interface, quite nice in fact for a few minute's work. But it's far from perfect; let's get started with some customizations.</p><h1 id="UsingBeanEditFormToCreateUserForms-ChangingFieldOrder">Changing Field Order</h1><p>The BeanEditForm must guess at the right order to present the fields; for public fields, they end up in alphabetical order. For standard JavaBeans properties, the BeanEditForm default is in the order in which the getter methods are defined in the class (it uses line number information, if available).</p><p>A better order for these fields is the order in which they are defined in the Address class:</p><ul><li>honorific</li><li>firstName</li><li>lastName</li><li>street1</li><li>street2</li><li>city</li><li>state</li><li>zip</li><li>email</li><li>phone</li></ul><p>We can accomplish this by using the <code>re order</code> parameter of the BeanEditForm component, which is a comma separated list of property (or public field) names:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeHeader panelHeader pdl" style="border-bottom-width: 1px;"><b>CreateAddress.tml (partial)</b></div><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: xml; gutter: false" type="syntaxhighlighter"><![CDATA[ <t:beaneditform object="address" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone" /> ]]></script> -</div></div><p><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-reordered.png?version=2&modificationDate=1416884592000&api=v2"; data-image-src="/confluence/download/attachments/23340431/create-address-reordered.png?version=2&modificationDate=1416884592000&api=v2"></p><h3 id="UsingBeanEditFormToCreateUserForms-Customizinglabels">Customizing labels</h3><p>Tapestry makes it pretty easy to customize the labels used on the fields. It's just a matter of creating a <em>message catalog</em> for the page.</p><p>In Tapestry, every page and component may have its own message catalog. This is a standard Java properties file, and it is named the same as the page or component class, with a ".properties" extension. A message catalog consists of a series of lines, each line is a message key and a message value separated with an equals sign.</p><p>All it takes is to create a message entry with a particular nam e: the name of the property suffixed with "-label". As elsewhere, Tapestry is forgiving of case.</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedHeader panelHeader" style="border-bottom-width: 1px;"><b>src/main/resources/com/example/tutorial/pages/address/CreateAddress.properties</b></div><div class="preformattedContent panelContent"> +</div></div><p><img class="confluence-embedded-image" src="using-beaneditform-to-create-user-forms.data/create-address-reordered.png" data-image-src="/confluence/download/attachments/23340431/create-address-reordered.png?version=2&modificationDate=1416884592000&api=v2"></p><h3 id="UsingBeanEditFormToCreateUserForms-Customizinglabels">Customizing labels</h3><p>Tapestry makes it pretty easy to customize the labels used on the fields. It's just a matter of creating a <em>message catalog</em> for the page.</p><p>In Tapestry, every page and component may have its own message catalog. This is a standard Java properties file, and it is named the same as the page or component class, with a ".properties" extension. A message catalog consists of a series of lines, each line is a message key and a message value separated with an equals sign.</p><p>All it takes is to create a message entry with a particular name: the name of the property suffixed with "-label". As elsewhere, Tapestry is forgiving of case.</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedHeader panelHeader" style="border-bottom-width: 1px;"><b>src/main/resources/com/example/tutorial/pages/address/CreateAddress.properties</b></div><div class="preformattedContent panelContent"> <pre>street1-label=Street 1 street2-label=Street 2 email-label=E-Mail zip-label=Zip Code phone-label=Phone Number</pre> -</div></div><p>Since this is a <em>new</em> file (and not a change to an existing file), you may have to restart Jetty to force Tapestry to pick up the change.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="https://cwiki.apache.org/confluence/download/attachments/23340431/address-v3.png?version=2&modificationDate=1417055915528&api=v2"; data-image-src="/confluence/download/attachments/23340431/address-v3.png?version=2&modificationDate=1417055915528&api=v2"></p><p>We can also customize the options in the drop down list. All we have to do is add some more entries to the message catalog matching the enum names to the desired labels. Update CreateAddress.properties and add:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent"> +</div></div><p>Since this is a <em>new</em> file (and not a change to an existing file), you may have to restart Jetty to force Tapestry to pick up the change.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="using-beaneditform-to-create-user-forms.data/address-v3.png" data-image-src="/confluence/download/attachments/23340431/address-v3.png?version=2&modificationDate=1417055915000&api=v2"></p><p>We can also customize the options in the drop down list. All we have to do is add some more entries to the message catalog matching the enum names to the desired labels. Update CreateAddress.properties and add:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent"> <pre>MR=Mr. MRS=Mrs. DR=Dr. @@ -159,7 +159,7 @@ DR=Dr. <script class="theme: Default; brush: xml; gutter: false" type="syntaxhighlighter"><![CDATA[ <t:beaneditform submitlabel="Create Address" object="address" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone"/> ]]></script> -</div></div><p>The default for the submitlabel parameter is "Create/Update", but here we're overriding that default to a specific value.</p><p>The final result shows the reformatting and relabelling:</p><p><img class="confluence-embedded-image confluence-content-image-border" src="https://cwiki.apache.org/confluence/download/attachments/23340431/address-v5.png?version=2&modificationDate=1417055915000&api=v2"; data-image-src="/confluence/download/attachments/23340431/address-v5.png?version=2&modificationDate=1417055915000&api=v2"><br clear="none">Before continuing on to validation, a side note about message catalogs. Message catalogs are not just for re-labeling fields and options; we'll see in later chapters how message catalogs are used in the context of localization and internationalization.</p><p>Instead of putting the label for the submit button directly inside the template, we're going to provide a reference to the label; the actual label will go in the message c atalog.</p><p>In Tapestry, when binding a parameter, the value you provide may include a prefix. The prefix guides Tapestry in how to interpret the rest of the the parameter value ... is it the name of a property? The id of a component? A message key? Most parameters have a default prefix, usually "prop:", that is used when you fail to provide one (this helps to make the templates as terse as possible).</p><p>Here we want to reference a message from the catalog, so we use the "message:" prefix:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> +</div></div><p>The default for the submitlabel parameter is "Create/Update", but here we're overriding that default to a specific value.</p><p>The final result shows the reformatting and relabelling:</p><p><img class="confluence-embedded-image confluence-content-image-border" src="using-beaneditform-to-create-user-forms.data/address-v5.png" data-image-src="/confluence/download/attachments/23340431/address-v5.png?version=2&modificationDate=1417055915000&api=v2"><br clear="none">Before continuing on to validation, a side note about message catalogs. Message catalogs are not just for re-labeling fields and options; we'll see in later chapters how message catalogs are used in the context of localization and internationalization.</p><p>Instead of putting the label for the submit button directly inside the template, we're going to provide a reference to the label; the actual label will go in the message catalog.</p><p>In Tapestry, when binding a parameter, the value you provide ma y include a prefix. The prefix guides Tapestry in how to interpret the rest of the the parameter value ... is it the name of a property? The id of a component? A message key? Most parameters have a default prefix, usually "prop:", that is used when you fail to provide one (this helps to make the templates as terse as possible).</p><p>Here we want to reference a message from the catalog, so we use the "message:" prefix:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: xml; gutter: false" type="syntaxhighlighter"><![CDATA[ <t:beaneditform object="address" submitlabel="message:submit-label" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone" /> ]]></script> @@ -176,14 +176,14 @@ DR=Dr. <p>You can easily get confused when you make a change to an entity class, such as adding the @Validate annotation, and <em>not</em> see the result in the browser. Only component classes, and (most) classes in the Tapestry services layer, are live-reloaded. Data and entity objects are not reloaded, so this is one area where you need to stop and restart Jetty to see the change.</p> </div> </div> -<p>Restart the application, and refresh your browser, then hit the Create Address button.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="https://cwiki.apache.org/confluence/download/attachments/23340431/address-v6.png?version=3&modificationDate=1417056607705&api=v2"; data-image-src="/confluence/download/attachments/23340431/address-v6.png?version=3&modificationDate=1417056607705&api=v2"></p><p>This is a shot just after hitting the Create Address button; all the fields have been validated and errors displayed. Each field in error has been highlighted in red and marked with a red "X". Further, the label for each of the fields has also been highlighted in red, to even more clearly identify what's in error. The cursor has also been moved to the first field that's in error. And <em>all</em> of this is taking place on the client side, without any communication with the application.</p><p>Once all the errors are corrected, and the form does submit, all validations are performed on the server side as well (just in case the client has JavaScript disabled).</p><p>So ... how about some more interesting validation than just "required or not". Tapestry has built in support for validating based on field length and several variations of field value, including regular expressions. Zip codes are pretty easy to express as a regular expression.</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> +<p>Restart the application, and refresh your browser, then hit the Create Address button.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="using-beaneditform-to-create-user-forms.data/address-v6.png" data-image-src="/confluence/download/attachments/23340431/address-v6.png?version=3&modificationDate=1417056607000&api=v2"></p><p>This is a shot just after hitting the Create Address button; all the fields have been validated and errors displayed. Each field in error has been highlighted in red and marked with a red "X". Further, the label for each of the fields has also been highlighted in red, to even more clearly identify what's in error. The cursor has also been moved to the first field that's in error. And <em>all</em> of this is taking place on the client side, without any communication with the application.</p><p>Once all the errors are corrected, and the form does submit, all validations are performed on the server side as well (just in ca se the client has JavaScript disabled).</p><p>So ... how about some more interesting validation than just "required or not". Tapestry has built in support for validating based on field length and several variations of field value, including regular expressions. Zip codes are pretty easy to express as a regular expression.</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[ @Validate("required,regexp=^\\d{5}(-\\d{4})?$") public String zip; ]]></script> -</div></div><p>Let's give it a try; restart the application and enter an "abc" for the zip code.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="https://cwiki.apache.org/confluence/download/attachments/23340431/address-v7.png?version=2&modificationDate=1417056608100&api=v2"; data-image-src="/confluence/download/attachments/23340431/address-v7.png?version=2&modificationDate=1417056608100&api=v2"><br clear="none">This is what you'll see after typing "abc" and clicking the Create Address button.</p><p>In any case, that's the right validation behavior, but it's the wrong message. Your users are not going to know or care about regular expressions.</p><p>Fortunately, it's easy to customize validation messages. All we need to know is the name of the property ("zip") and the name of the validator ("regexp"). We can then put an entry into the CreateAddress message catalog:</p><div class="preformatted panel" style="border-width: 1px;"><div clas s="preformattedContent panelContent"> +</div></div><p>Let's give it a try; restart the application and enter an "abc" for the zip code.</p><p><img class="confluence-embedded-image confluence-content-image-border" src="using-beaneditform-to-create-user-forms.data/address-v7.png" data-image-src="/confluence/download/attachments/23340431/address-v7.png?version=2&modificationDate=1417056608000&api=v2"><br clear="none">This is what you'll see after typing "abc" and clicking the Create Address button.</p><p>In any case, that's the right validation behavior, but it's the wrong message. Your users are not going to know or care about regular expressions.</p><p>Fortunately, it's easy to customize validation messages. All we need to know is the name of the property ("zip") and the name of the validator ("regexp"). We can then put an entry into the CreateAddress message catalog:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent"> <pre>zip-regexp-message=Zip Codes are five or nine digits. Example: 02134 or 90125-1655. </pre> -</div></div><p>Refresh the page and submit again:</p><p><img class="confluence-embedded-image confluence-content-image-border" src="https://cwiki.apache.org/confluence/download/attachments/23340431/address-v8.png?version=2&modificationDate=1417056608461&api=v2"; data-image-src="/confluence/download/attachments/23340431/address-v8.png?version=2&modificationDate=1417056608461&api=v2"></p><p>This trick isn't limited to just the regexp validator, it works equally well with <em>any</em> validator.</p><p>Let's go one step further. Turns out, we can move the regexp pattern to the message catalog as well. If you only provide the name of the validator in the @Validate annotation, Tapestry will search the containing page's message catalog of the constraint value, as well as the validation message. The constraint value for the regexp validator is the regular expression to match against.</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelConten t pdl"> +</div></div><p>Refresh the page and submit again:</p><p><img class="confluence-embedded-image confluence-content-image-border" src="using-beaneditform-to-create-user-forms.data/address-v8.png" data-image-src="/confluence/download/attachments/23340431/address-v8.png?version=2&modificationDate=1417056608000&api=v2"></p><p>This trick isn't limited to just the regexp validator, it works equally well with <em>any</em> validator.</p><p>Let's go one step further. Turns out, we can move the regexp pattern to the message catalog as well. If you only provide the name of the validator in the @Validate annotation, Tapestry will search the containing page's message catalog of the constraint value, as well as the validation message. The constraint value for the regexp validator is the regular expression to match against.</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[ @Validate("required,regexp") public String zip; ]]></script> Modified: websites/production/tapestry/content/using-jsr-330-standard-annotations.html ============================================================================== --- websites/production/tapestry/content/using-jsr-330-standard-annotations.html (original) +++ websites/production/tapestry/content/using-jsr-330-standard-annotations.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Using JSR 330 standard annotations</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Using JSR 330 standard annotations</h1></div></div> <div class="clearer"></div> </div> Modified: websites/production/tapestry/content/using-select-with-a-list.html ============================================================================== --- websites/production/tapestry/content/using-select-with-a-list.html (original) +++ websites/production/tapestry/content/using-select-with-a-list.html Sun Dec 14 13:20:36 2014 @@ -48,19 +48,13 @@ </div></div> <div id="top"> -<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"> -<p> -<span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> -</p><form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> +<div id="smallbanner"><div class="searchbox" style="float:right;margin: .3em 1em .1em 1em"><span style="color: #999; font-size: 90%">Tapestry docs, issues, wikis & blogs:</span> +<form enctype="application/x-www-form-urlencoded" method="get" action="http://tapestry.apache.org/search.html";> <input type="text" name="q"> <input type="submit" value="Search"> </form> -</div> - -<div class="emblem" style="float:left"><a shape="rect" href="index.html"><img class="confluence-embedded-image" src="https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"; data-image-src="/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"></a></div> -<div class="title" style="float:left; margin: 0 0 0 3em"> -<h1 id="SmallBanner-PageTitle">Using Select With a List</h1></div></div> +</div><div class="emblem" style="float:left"><p><a shape="rect" href="index.html"><img class="confluence-embedded-image confluence-external-resource" src="http://tapestry.apache.org/images/tapestry_small.png"; data-image-src="http://tapestry.apache.org/images/tapestry_small.png";></a></p></div><div class="title" style="float:left; margin: 0 0 0 3em"><h1 id="SmallBanner-PageTitle">Using Select With a List</h1></div></div> <div class="clearer"></div> </div>
![https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/21791252/tapestry_s.png?version=3&modificationDate=1293093635000&api=v2"){kind=link}
![http://tapestry.apache.org/images/tapestry_small.png"](http://tapestry.apache.org/images/tapestry_small.png"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23338486/ioc-overview.png?version=1&modificationDate=1290980234000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23338486/ioc-overview.png?version=1&modificationDate=1290980234000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23338478/type-coercer.png?version=1&modificationDate=1290973716000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23338478/type-coercer.png?version=1&modificationDate=1290973716000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-initial.png?version=2&modificationDate=1416884366000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-initial.png?version=2&modificationDate=1416884366000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-reordered.png?version=2&modificationDate=1416884592000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/create-address-reordered.png?version=2&modificationDate=1416884592000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/address-v3.png?version=2&modificationDate=1417055915528&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/address-v3.png?version=2&modificationDate=1417055915528&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/address-v5.png?version=2&modificationDate=1417055915000&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/address-v5.png?version=2&modificationDate=1417055915000&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/address-v6.png?version=3&modificationDate=1417056607705&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/address-v6.png?version=3&modificationDate=1417056607705&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/address-v7.png?version=2&modificationDate=1417056608100&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/address-v7.png?version=2&modificationDate=1417056608100&api=v2"){kind=link}
![https://cwiki.apache.org/confluence/download/attachments/23340431/address-v8.png?version=2&modificationDate=1417056608461&api=v2"](https://cwiki.apache.org/confluence/download/attachments/23340431/address-v8.png?version=2&modificationDate=1417056608461&api=v2"){kind=link}