Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

Test page to test changes to the autoexport template...

Wiki Markup
{composition-setup}
deck.tab.location=top
deck.tab.active.border=1px solid gray
deck.tab.inactive.border=1px solid gray
deck.card.border=1px solid gray
deck.card.background=#ff0055
deck.startHidden=false
{composition-setup}

.

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

...

This is the first tab's content

Wiki Markup
{card}

...

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

...

This is the second tab's content

Wiki Markup
{card}
Wiki Markup
{deck}

HTML

<div id="cse-search-form" style="width: 10em;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'en'});
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('002159362473066658241:hqcst5evalw');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setSearchFormRoot('cse-search-form');
    customSearchControl.draw('cse', options);
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

Testing, testing...

...

HTML

<div id="cse" style="width:100%;"></div>

...

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.

...

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

...

foooo