Creating a new Mobile presentation template

You will need to create a new Mobile presentation template.

About this task

There are several issues to consider when creating this new presentation template:

This process assumes that the same image file used for an HTML page will be used in the mobile page.
For simplicity, this XDIME is referencing a global layout policy included with the Mobile Portal Accelerator. If a custom layout policy is needed, then you can either import the policy into Mobile Portal Accelerator as a global policy, or served by a Remote Policy Server.
Be aware that when the presentation template is saved, Web Content Manager performs various processing and, as a result, tags that are similar to HTML tags may be modified. Review the presentation markup after saving the template to make sure it is still valid.

Perform the following procedure to create the new Mobile presentation template.

Procedure

From the Web Content Manager portlet, click New and select Presentation Template.
Click OK.
In the Identification section, in the Name field, type SC PT MobileNews.
In the Description field, type News items page for Mobile devices.

In Presentation Template section, replace the existing HTML markup with the following XDIME markup:

<canvas layoutName="mcsi:policy('default', '/wp_xhtml_webclip.mlyt')" type="portlet">

   <pane name="Pane1">

      <Component name="MyShowcase/sc link news home"/>

      <img url="<Element context="current" type="content" key="SC ImageFile"/>" alt="[Image]" />

      <h3><IDCmpnt context="current" type="content" field="title"/></h3>

      <p><Element context="current" type="content" key="SC Summary"/></p>
      
      <p><strong>Confidential level: </strong> <Element context="current" type="content" key="SC Confidental"/></p>
      
      <Element context="current" type="content" key="SC Mobile Body"/>
      
    </pane>

</canvas>

When Image Conversion Service is used for images, change the SC ImageFile markup with an ICS URL as follows:

Replace:

<img url="<Element context="autoFill" type="content" key="SC ImageFile" format="url"/>" />

With:

<Element context="autoFill" type="content" key="SC ImageFile" start="<img alt='[ICSImg]' urlc='http://<ICS_HOST>:<ICS_PORT>/ics/ics" end="' />"/>

Note the format of the urlc. For example, ICS_HOST=icsserver.mycompany.com and ICS_PORT=9082, the urlc would be as follows:

urlc='http://iscserver.mycompany.com:9082/ics/ics

Click Save and Close.
Click New and select Presentation Template.
Click OK.
In the Identification section, in the Name field, type SC PT MobileHome.
In the Description field, type Homepage for Mobile devices.

In Presentation Template section, replace the existing HTML markup with the following XDIME markup:

<canvas layoutName="mcsi:policy('default', '/wp_xhtml_webclip.mlyt')" type="portlet">

   <pane name="Pane1">
      <h3><IDCmpnt context="current" type="content" 
           field="title"/></h3>
   </pane>

   <pane name="Pane2"> 
      <Element context="current" type="content" key="SC BodyText"/>
   </pane>
   
      <Element context="current" type="content" 
            key="SC Mobile Content List"/>
   
</canvas>

Click Save and Close.

What to do next

Next, proceed to creating a Mobile portlet instance.