Use of XSLT Formats in Creation, Maintenance and Optimization of Web Site

Templates

Jay MercerIU CommunicationsIndiana Universitymercerjd@iu.edu

Template Formats?

What are template formats? Where do I find them? When should I use them? How do I use them? Caveats Show me some examples!

Similarity to standard block templates• They transform XML compliant source into HTML.

What are template formats?

Similarity to standard block templates• Use a picker to attach to Format field.

What are template formats?

Difference from standard block templates• They transform XHTML compliant source into HTML.• They must be XSLT Formats. (I think)

What are template formats?

Difference from standard block templates• Use a picker to attach to XSLT Format field of a template.

What are template formats?

Template formats are XSLT Formats that are applied to a template.• They transform the entire assembled template content.• Region blocks are rendered first. • Are used to manipulate XHTML.• They transform XHTML into XHTML• “Post-processing.”

What are template formats?

Formats can be applied in 3 places.• Blocks• Templates• Page Configurations

Where do I find them?

Block formatsWhere do I find them?

Template formatsWhere do I find them?

Page Configuration formatsWhere do I find them?

Always. Modify page elements that exist outside the main content area

from within the DEFAULT system region format. Move page elements from one position to another. Modularize code for reusability. Implement “on-demand” javascript. Give end-user greater control. Generate multiple page elements from single block. Quickly create a new website from existing website.

When should I use them?

It all starts with the identity transform.How do I use them?

Attach identity transform to template XSLT format field.How do I use them?

Now, just transform the XHTML.• For fun, let’s turn all h3 tags into h4 tags.

How do I use them?

Note: You can use a template format and a page configuration format together.

How do I use them?

Note: You can use a template format and a page configuration format together.

How do I use them?

Another bogus example.• Let’s axe the body.

How do I use them?

DOCTYPE• A template format WILL remove the DOCTYPE from the output.

Namespacing• If namespace on the html element is used, special xpath syntax is needed.

Caveats

DOCTYPE “DON’T”• A template format will strip out the DOCTYPE.

Caveats

DOCTYPE “DO”• Use the “START-ROOT-CODE” passthrough code section tag.

Caveats

Namespacing on html element• If a namespace in used on the html element, special xsl syntax is required.

Caveats

Namespacing on html element• If a namespace in used on the html element, special xsl syntax is required.

Method 1: Use node()[name()=‘body’] syntax

Caveats

Namespacing on html element• If a namespace in used on the html element, special xsl syntax is required.

Method 2: Add namespacing attributes to stylesheet.

Caveats

Changing body id based on data definition.Example

Changing body id based on data definition.Example

Here’s the xml from the DEFAULT system region.

Example

Here’s the format from the DEFAULT system region.

Example

Here’s the rendered HTML.

Example

Here’s the template format.Examples

Final HTML.Examples

Resources• http://www.iu.edu/~pagriet/csuc12/