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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -143,11 +143,11 @@ <!-- /// Content Start --> <div id="content"> <div id="ConfluenceContent"><h1 id="TemplatingandMarkupFAQ-TemplatingandMarkup">Templating and Markup</h1><p>Main Article: <a href="component-templates.html">Component Templates</a></p><h2 id="TemplatingandMarkupFAQ-Contents">Contents</h2><p><style type="text/css">/*<![CDATA[*/ -div.rbtoc1668366708758 {padding: 0px;} -div.rbtoc1668366708758 ul {list-style: disc;margin-left: 0px;} -div.rbtoc1668366708758 li {margin-left: 0px;padding-left: 0px;} +div.rbtoc1669468365584 {padding: 0px;} +div.rbtoc1669468365584 ul {list-style: disc;margin-left: 0px;} +div.rbtoc1669468365584 li {margin-left: 0px;padding-left: 0px;} -/*]]>*/</style></p><div class="toc-macro rbtoc1668366708758"> +/*]]>*/</style></p><div class="toc-macro rbtoc1669468365584"> <ul class="toc-indentation"><li><a href="#TemplatingandMarkupFAQ-WhydoIgetaSAXParseExceptionwhenIuseanHTMLentity,suchas&nbsp;inmytemplate?">Why do I get a SAXParseException when I use an HTML entity, such as &nbsp; in my template?</a></li><li><a href="#TemplatingandMarkupFAQ-Whydosomeimagesinmypageshowupasbrokenlinks?">Why do some images in my page show up as broken links?</a></li><li><a href="#TemplatingandMarkupFAQ-What'sthedifferencebetweenidandt:id?">What's the difference between id and t:id?</a></li><li><a href="#TemplatingandMarkupFAQ-WhydomyimagesandstylesheetsendupwithaweirdURLslike/assets/meta/zeea17aee26bc0cae/layout/layout.css?">Why do my images and stylesheets end up with a weird URLs like /assets/meta/zeea17aee26bc0cae/layout/layout.css?</a></li><li><a href="#TemplatingandMarkupFAQ-HowdoIaddaCSSclasstoaTapestrycomponent?">How do I add a CSS class to a Tapestry component?</a></li></ul> </div><h2 id="TemplatingandMarkupFAQ-WhydoIgetaSAXParseExceptionwhenIuseanHTMLentity,suchas&nbsp;inmytemplate?">Why do I get a SAXParseException when I use an HTML entity, such as <code>&nbsp;</code> in my template?</h2><p>Tapestry uses a standard SAX parser to read your templates. This means that your templates must be <em>well formed</em>: open and close tags must balance, attribute values must be quoted, and entities must be declared. The easiest way to accomplish this is to add a DOCTYPE to your the top of your template:</p><div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <pre><code class="language-xml"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/test-page.html ============================================================================== --- websites/production/tapestry/content/test-page.html (original) +++ websites/production/tapestry/content/test-page.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/test.html ============================================================================== --- websites/production/tapestry/content/test.html (original) +++ websites/production/tapestry/content/test.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> 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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> 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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/this-page-has-been-deleted.html ============================================================================== --- websites/production/tapestry/content/this-page-has-been-deleted.html (original) +++ websites/production/tapestry/content/this-page-has-been-deleted.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/tutorial.html ============================================================================== --- websites/production/tapestry/content/tutorial.html (original) +++ websites/production/tapestry/content/tutorial.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/type-coercion.html ============================================================================== --- websites/production/tapestry/content/type-coercion.html (original) +++ websites/production/tapestry/content/type-coercion.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -160,7 +160,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="parameter-type-coercion.html">Parameter Type Coercion</a> + <a href="type-coercion.html">Type Coercion</a> </div> @@ -169,7 +169,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="type-coercion.html">Type Coercion</a> + <a href="parameter-type-coercion.html">Parameter Type Coercion</a> </div> @@ -177,7 +177,7 @@ </div> -<p>Although type coercions happen more inside tapestry-core (including <a href="parameter-type-coercion.html">coercions of <span class="confluence-link">component parameters</span></a><span class="confluence-link"> </span>), they may also occur inside tapestry-ioc, such as when injecting a value, rather than a service, into a builder method.</p><p>Like everything else in Tapestry, type coercions are extensible. At the root is the <a class="external-link" href="https://tapestry.apache.org/current/apidocs/org/apache/tapestry5/commons/services/TypeCoercer.html";>TypeCoercer</a> service. Its configuration consists of <a class="external-link" href="http://tapestry.apache.org/current/apidocs/org/apache/tapestry5/commons/services/CoercionTuple.html";>CoercionTuples</a> until 5.6.x and a mapped configuration of (CoercionTuple.Key, CoercionTuple) from Tapestry 5.7.0 on. Each tuple defines how to coerce from one type to another. The initial set of coercions is focused primarily o n coercions between different numeric types:</p><p></p><p><span class="confluence-embedded-file-wrapper"><img class="confluence-embedded-image" src="type-coercion.data/type-coercer.png"></span></p><h2 id="TypeCoercion-DefaultTypeCoercions">Default Type Coercions</h2><p>There are a few special coercions related to <code>null</code> there; <code>Object</code> --> <code>List</code> wraps a lone object as a singleton list, we then need <code>null</code> --> <code>List</code> to ensure that <code>null</code> stays <code>null</code> (rather than a singleton list whose lone element is a <code>null</code>).</p><h2 id="TypeCoercion-TypeCoercionInterpolation">Type Coercion Interpolation</h2><p>Tapestry will try to <em>interpolate</em> necessary coercions. For example, say it is necessary to coerce a <code>StringBuffer</code> to an <code>Integer</code>; the TypeCoercer service will chain together a series of coercions:</p><ul><li><code>Object</code> --> <code>String</code></li><l i><code>String</code> --> <code>Long</code></li><li><code>Long</code> --> <code>Integer</code></li></ul><p>Because <code>Object --> String</code> is always available, this might lead to an unexpected interpolation between incompatible types due to multiple intermediate coercions. This can be easily prevented by providing an explicit CoercionTuple between the desired types.</p><h2 id="TypeCoercion-Coercingfromnull">Coercing from null</h2><p>Coercing from <code>null</code> is special; it is not a spanning search as with the other types. Either there is a specific coercion from <code>null</code> to the desired type, or no coercion takes places (and the coerced value is <code>null</code>).</p><p>The only built-in <code>null</code> coercion is from <code>null</code> to <code>boolean</code> (which is always false).</p><h2 id="TypeCoercion-ListofCoercions">List of Coercions</h2><p>As of Tapestry version 5.7, the following coercions are available:</p><div class="code panel pdl " style="border-width: 1px;"><div class="codeContent panelContent pdl"> +<p>Although type coercions happen more inside tapestry-core (including <a href="parameter-type-coercion.html">coercions of <span class="confluence-link">component parameters</span></a><span class="confluence-link"> </span>), they may also occur inside tapestry-ioc, such as when injecting a value, rather than a service, into a builder method.</p><p>Like everything else in Tapestry, type coercions are extensible. At the root is the <a class="external-link" href="https://tapestry.apache.org/current/apidocs/org/apache/tapestry5/commons/services/TypeCoercer.html";>TypeCoercer</a> service. Its configuration consists of <a class="external-link" href="http://tapestry.apache.org/current/apidocs/org/apache/tapestry5/commons/services/CoercionTuple.html";>CoercionTuples</a> until 5.6.x and a mapped configuration of (CoercionTuple.Key, CoercionTuple) from Tapestry 5.7.0 on. Each tuple defines how to coerce from one type to another. The initial set of coercions is focused primarily o n coercions between different numeric types:</p><p></p><p><span class="confluence-embedded-file-wrapper"><img class="confluence-embedded-image" draggable="false" src="type-coercion.data/type-coercer.png"></span></p><h2 id="TypeCoercion-DefaultTypeCoercions">Default Type Coercions</h2><p>There are a few special coercions related to <code>null</code> there; <code>Object</code> --> <code>List</code> wraps a lone object as a singleton list, we then need <code>null</code> --> <code>List</code> to ensure that <code>null</code> stays <code>null</code> (rather than a singleton list whose lone element is a <code>null</code>).</p><h2 id="TypeCoercion-TypeCoercionInterpolation">Type Coercion Interpolation</h2><p>Tapestry will try to <em>interpolate</em> necessary coercions. For example, say it is necessary to coerce a <code>StringBuffer</code> to an <code>Integer</code>; the TypeCoercer service will chain together a series of coercions:</p><ul><li><code>Object</code> --> <code>St ring</code></li><li><code>String</code> --> <code>Long</code></li><li><code>Long</code> --> <code>Integer</code></li></ul><p>Because <code>Object --> String</code> is always available, this might lead to an unexpected interpolation between incompatible types due to multiple intermediate coercions. This can be easily prevented by providing an explicit CoercionTuple between the desired types.</p><h2 id="TypeCoercion-Coercingfromnull">Coercing from null</h2><p>Coercing from <code>null</code> is special; it is not a spanning search as with the other types. Either there is a specific coercion from <code>null</code> to the desired type, or no coercion takes places (and the coerced value is <code>null</code>).</p><p>The only built-in <code>null</code> coercion is from <code>null</code> to <code>boolean</code> (which is always false).</p><h2 id="TypeCoercion-ListofCoercions">List of Coercions</h2><p>As of Tapestry version 5.7, the following coercions are available:</p><div cla ss="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl"> <pre><code class="language-java">// Since Tapestry 5.1/5.2 Double --> Float Float --> Double Modified: websites/production/tapestry/content/typecoercer-service.html ============================================================================== --- websites/production/tapestry/content/typecoercer-service.html (original) +++ websites/production/tapestry/content/typecoercer-service.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/typescript.html ============================================================================== --- websites/production/tapestry/content/typescript.html (original) +++ websites/production/tapestry/content/typescript.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -160,7 +160,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="javascript-modules.html">JavaScript Modules</a> + <a href="typescript.html">TypeScript</a> </div> @@ -169,7 +169,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="typescript.html">TypeScript</a> + <a href="javascript-modules.html">JavaScript Modules</a> </div> 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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -160,7 +160,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="integration-testing.html">Integration Testing</a> + <a href="unit-testing-pages-or-components.html">Unit testing pages or components</a> </div> @@ -169,7 +169,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="unit-testing-pages-or-components.html">Unit testing pages or components</a> + <a href="integration-testing.html">Integration Testing</a> </div> Modified: websites/production/tapestry/content/upgrade.html ============================================================================== --- websites/production/tapestry/content/upgrade.html (original) +++ websites/production/tapestry/content/upgrade.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/upload.html ============================================================================== --- websites/production/tapestry/content/upload.html (original) +++ websites/production/tapestry/content/upload.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/uploading-files.html ============================================================================== --- websites/production/tapestry/content/uploading-files.html (original) +++ websites/production/tapestry/content/uploading-files.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/url-rewriting.html ============================================================================== --- websites/production/tapestry/content/url-rewriting.html (original) +++ websites/production/tapestry/content/url-rewriting.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/user-guide.html ============================================================================== --- websites/production/tapestry/content/user-guide.html (original) +++ websites/production/tapestry/content/user-guide.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/userguide.html ============================================================================== --- websites/production/tapestry/content/userguide.html (original) +++ websites/production/tapestry/content/userguide.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> 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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -215,20 +215,20 @@ address/CreateAddress: com.example.tutor <pre><code class="language-java"> @Property private Address address; </code></pre> -</div></div><p>When you refresh the page, you may see a warning like the following at the top of the page:</p><p><span class="confluence-embedded-file-wrapper"><img class="confluence-embedded-image confluence-external-resource" src="https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"; data-image-src="https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2";></span></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 a warning like the following at the top of the page:</p><p><span class="confluence-embedded-file-wrapper"><img class="confluence-embedded-image confluence-external-resource" draggable="false" src="https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"; data-image-src="https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2";></span></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"> <pre><code class="language-java"> // Set the HMAC pass phrase to secure object data serialized to client configuration.add(SymbolConstants.HMAC_PASSPHRASE, "");</code></pre> -</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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="485" src="using-beaneditform-to-create-user-forms.data/create-address-initial.png"></span></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 <label> elements, so clicking a label wi th 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 c omponent, 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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="485" src="using-beaneditform-to-create-user-forms.data/create-address-initial.png"></span></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 <label> elements, so c licking 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"> <pre><code class="language-xml"> <t:beaneditform object="address" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone" /> </code></pre> -</div></div><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="492" src="using-beaneditform-to-create-user-forms.data/create-address-reordered.png"></span></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="preformatte d 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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="492" src="using-beaneditform-to-create-user-forms.data/create-address-reordered.png"></span></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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="471" src="using-beaneditform-to-create-user-forms.data/address-v3.png"></span></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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="471" src="using-beaneditform-to-create-user-forms.data/address-v3.png"></span></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. @@ -237,7 +237,7 @@ DR=Dr. <pre><code class="language-xml"> <t:beaneditform submitlabel="Create Address" object="address" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone"/> </code></pre> -</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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="453" src="using-beaneditform-to-create-user-forms.data/address-v5.png"></span></p><p>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 may include a prefix. The prefix guides Tapestry in how to interpret the res t 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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="453" src="using-beaneditform-to-create-user-forms.data/address-v5.png"></span></p><p>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 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"> <pre><code class="language-xml"> <t:beaneditform object="address" submitlabel="message:submit-label" reorder="honorific,firstName,lastName,street1,street2,city,state,zip,email,phone" /> </code></pre> @@ -248,14 +248,14 @@ DR=Dr. <pre><code class="language-java"> @Validate("required") public String firstName; </code></pre> -</div></div><p>What is that string, "required"? That's how you specify the desired validation. It is a series of names that identify what type of validation is desired. A number of validators are built in, such as "required", "minLength" and "maxLength". As elsewhere, Tapestry is case insensitive.</p><p>You can apply multiple validations, by separating the validator names with commas. Some validators can be configured (with an equals sign). Thus you might say "required,minLength=5" for a field that must be specified, and must be at least five characters long.</p><div class="confluence-information-macro confluence-information-macro-warning"><span class="aui-icon aui-icon-small aui-iconfont-error confluence-information-macro-icon"></span><div class="confluence-information-macro-body"><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) classe s 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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="452" src="using-beaneditform-to-create-user-forms.data/address-v6.png"></span></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 had an error message added. 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"> +</div></div><p>What is that string, "required"? That's how you specify the desired validation. It is a series of names that identify what type of validation is desired. A number of validators are built in, such as "required", "minLength" and "maxLength". As elsewhere, Tapestry is case insensitive.</p><p>You can apply multiple validations, by separating the validator names with commas. Some validators can be configured (with an equals sign). Thus you might say "required,minLength=5" for a field that must be specified, and must be at least five characters long.</p><div class="confluence-information-macro confluence-information-macro-warning"><span class="aui-icon aui-icon-small aui-iconfont-error confluence-information-macro-icon"></span><div class="confluence-information-macro-body"><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) classe s 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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="452" src="using-beaneditform-to-create-user-forms.data/address-v6.png"></span></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 had an error message added. 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"> <pre><code class="language-java"> @Validate("required,regexp=^\\d{5}(-\\d{4})?$") public String zip; </code></pre> -</div></div><p>Let's give it a try; restart the application and enter an "abc" for the zip code.</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="448" src="using-beaneditform-to-create-user-forms.data/address-v7.png"></span></p><p>This is what you'll see after typing "abc" and clicking the Create Address button.</p><div class="confluence-information-macro confluence-information-macro-note"><span class="aui-icon aui-icon-small aui-iconfont-warning confluence-information-macro-icon"></span><div class="confluence-information-macro-body"><p>Modern browsers will automatically validate a regexp field when the form is submitted, as shown above. Older browsers do not have that automatic support, but will still validate input, using the same decorations as for the required fields in the previous screenshot.</p></div></div><p>In any case, that's the right validation behavior, but it's the wrong message. Your use rs 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"> +</div></div><p>Let's give it a try; restart the application and enter an "abc" for the zip code.</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="448" src="using-beaneditform-to-create-user-forms.data/address-v7.png"></span></p><p>This is what you'll see after typing "abc" and clicking the Create Address button.</p><div class="confluence-information-macro confluence-information-macro-note"><span class="aui-icon aui-icon-small aui-iconfont-warning confluence-information-macro-icon"></span><div class="confluence-information-macro-body"><p>Modern browsers will automatically validate a regexp field when the form is submitted, as shown above. Older browsers do not have that automatic support, but will still validate input, using the same decorations as for the required fields in the previous screenshot.</p></div></div><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><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" width="455" src="using-beaneditform-to-create-user-forms.data/address-v8.png"></span></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"> +</div></div><p>Refresh the page and submit again:</p><p><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size"><img class="confluence-embedded-image" draggable="false" width="455" src="using-beaneditform-to-create-user-forms.data/address-v8.png"></span></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"> <pre><code class="language-java"> @Validate("required,regexp") public String zip; </code></pre> 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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> @@ -166,7 +166,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="environmental-services.html">Environmental Services</a> + <a href="injection-faq.html">Injection FAQ</a> </div> @@ -175,7 +175,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="injection-in-detail.html">Injection in Detail</a> + <a href="environmental-services.html">Environmental Services</a> </div> @@ -193,7 +193,7 @@ <span class="icon aui-icon content-type-page" title="Page">Page:</span> </div> <div class="details"> - <a href="injection-faq.html">Injection FAQ</a> + <a href="injection-in-detail.html">Injection in Detail</a> </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 Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/using-tapestry-with-hibernate.html ============================================================================== --- websites/production/tapestry/content/using-tapestry-with-hibernate.html (original) +++ websites/production/tapestry/content/using-tapestry-with-hibernate.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script> Modified: websites/production/tapestry/content/version-numbers.html ============================================================================== --- websites/production/tapestry/content/version-numbers.html (original) +++ websites/production/tapestry/content/version-numbers.html Sat Nov 26 13:17:27 2022 @@ -32,10 +32,10 @@ <link rel="apple-touch-icon-precomposed" href="/images/apache-tapestry-icon-57.png"> <link rel="shortcut icon" href="/images/apache-tapestry-icon-32.png"> - <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap";> - <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"; integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> + <link rel="stylesheet" href="/resources/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css";> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css";> + <link rel="stylesheet" href="/resources/fonts/fonts.css"> <link rel="stylesheet" href="/styles/main.css"> <script type="text/javascript"> @@ -46,7 +46,7 @@ <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"; integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous" defer></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"; integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous" defer></script> - <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"; integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" defer></script> + <script src="stylesheet" href="/resources/bootstrap/bootstrap.min.js"> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js"; defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"; defer></script>
![https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"](https://cwiki-test.apache.org/confluence/download/attachments/23340431/hmac-warning.png?version=2&modificationDate=1416883285000&api=v2"){kind=link}