Test Page

Test page.

Tabbed Block Test

<style type="text/css"> DIV.deck DIV.tabBar DIV.tab { position: relative; top: 1px; background: #eee; } DIV.deck DIV.tabBar DIV.tab#current { position: inherit; background: white; } DIV.deck DIV.tabBar DIV.tab a { color: black; } DIV.deck DIV.card {border: 1px solid #ccc; display: table-cell;} </style>

Tabs test #1 – using Composition macro

{composition-setup} deck.tab.active.border=1px solid #ccc deck.tab.inactive.border=1px solid #ccc deck.tab.spacer=2px deck.startHidden=false {composition-setup} {deck:id=myDeck} {card:label=Tapestry 5.4+}

Starting with Tapestry 5.4, you can easily choose whether the foundation JavaScript framework is jQuery or Prototype.

{card} {card:label=5.0-5.3}

In Tapestry versions prior to 5.4 the Prototype and Scriptaculous libraries are included by default ... no extra download is required. Tapestry will automatically link into your pages the prototype.js, scriptaculous.js, and effects.js libraries, as well as the Tapestry library, tapestry.js (which largely consists of support for form input validation). Starting with Tapestry 5.3, Underscore is also included.

{card} {deck}

This works, but 1) doesn't preview very well (preview shows alternatives as side-by-side cells in a table, with no header row), and 2) requires additional processing code to be added to the SiteExporter.

Tabs test #2 – using a custom "tabs" macro (not yet written)

TBD

Children Test

true

foooo