Stage nine: Create a presentation template

 

+

Search Tips   |   Advanced Search

 

The presentation template is used to define the layout and design of each Web page.

  1. Click...

    New | Presentation Template

    ...and create a presentation template named "ImageLibrary_PT".

  2. Copy the following HTML and replace the default HTML of the presentation template.

    <html>
    <head>
    <title>DataPower Library</title>
    </head>
    <body>
    
    <table border="0"  cellpadding="10">
    
    <tr>
        <td colspan="2" valign="top"> <h3>DataPower Library</h3> </td>
    </tr>
    
    <tr>
        <td align=left>
            <table cellpadding="10">
            <tr>
                <td valign="top" align="left>  <b>Name:</b>          </td>
                <td valign="top" align="left>  <b>File:</b>          </td>
                <td valign="top" align="right> <b>Size:</b>          </td>
                <td valign="top" align="left>  <b>Last modified:</b> </td>
            </tr>
            <Element context="current" type="content" key="Body"/>
            </table>
        </td>
    
        <td valign="top" > </td>
    
    </tr>
    
    </table>
    
    </body>
    </html>
    

    The nested table is used to add headings to the list of images retrieved using the Personalization components created in stage five.

    The element tag is used to reference the Personalization component selected in each content item.

  3. Click Save. This will save the presentation template but leave the presentation template form open as further changes will be made to the presentation template.

Next Stage: Stage ten: Create a template map

 

Parent Topic

Integrated content example