Stage five: Create a set of Personalization components

 

+

Search Tips   |   Advanced Search

 

Use Personalization components to display the content retrieved by the business rules created in stage two.

  1. Click...

    New | Component | Personalization

    ...and create a Personalization component named "AscendingByName".

  2. Click Search and select the rule named "ImagesAscending" and then click OK.

  3. Enter the following in the Personalization component design fields:

    Option Description
    Results per page 100
    Design for each menu search result:
    <tr>
    
        <td valign="top">
    
        <a target="new" href="<DocumentManagerElement context="autoFill" 
                                                      type="personalization" 
                                                      convertTo="text.html" 
                                                      scope="DocumentURL"/> " >
    
        <DocumentManagerElement context="autoFill" 
                                type="personalization" 
                                attributeName="title" 
                                format="" 
                                scope="Attribute"/>
        
        </td>
    
    
        <td valign="top" >
    
        <DocumentManagerElement context="autoFill" 
                                type="personalization" 
                                attributeName="label" 
                                format="" scope="Attribute"/>
        </td>
    
    
        <td valign="top" align="right">
    
        <DocumentManagerElement context="autoFill" 
                                type="personalization" 
                                attributeName="size" 
                                format="" 
                                scope="Attribute"/>KB
        </td>
    
    
        <td valign="top" align=right>
    
        <DocumentManagerElement context="autoFill" 
                                type="personalization" 
                                attributeName="dataLastModified" 
                                format="dd MMMM yyyy" 
                                scope="Attribute"/>
        </td>
    </tr>
    

    DocumentManagerElement tags are used to render different attributes of the images stored in the document library.

    HTML table tags are used to format the layout of the component design. These will be wrapped inside <table> tags entered into a presentation template in a later stage.

  4. Click Save and Close.

  5. Repeat these steps and create three additional components:

    • Create a Personalization component named DescendingByName and select the rule named "ImagesDescending".

    • Create a Personalization component named AscendingByDate and select the rule named "DateAscending".

    • Create a Personalization component named DescendingByDate and select the rule named "DateDescending".

    Tip: We can open the first Personalization component and use the Save as button to create copies. All edit is the name, display title and the selected rule.

Next Stage: Stage six: Create an authoring template

 

Parent Topic

Integrated content example