Stage twelve: Adding a latest images list
In this stage, one additional Personalization component is used to display the latest images to be added to the image library.
- Edit the Personalization component named "AscendingByDate".
- Click Save as and name the new component "LatestImages"
- Enter the following in the Personalization component design fields:
Option Description Results per page: 100 Header: <b>Latest images:</b> <br> <ul>Design for each menu search result: <li> <DocumentManagerElement context="autoFill" type="personalization" attributeName="title" format="" scope="Attribute"/> <br> <img height="100" src=" <DocumentManagerElement context="autoFill" type="personalization" scope="DocumentURL" convertTo="text.html" /> " />
"DocumentManagerElement" tags are used to render different attributes of the images stored in the document library. See Referencing a Document Manager element for further information.
Footer: </ul>
- Click Save and close.
- Edit the presentation template named "ImageLibrary_PT".
- Edit the following tags to reference the component named "LatestImages":
Change this line: To this: <td valign="top" ></td> <td valign="top" > <Component name="LatestImages" /> </td>
- Click Save and close.
Next Stage: Final preview
Parent Topic
Integrated content example