Step 4: Displaying the portlets

In the previous step of this tutorial, Creating a non WebSphere Commerce portlet application project you defined the new portlet. You will now display both the new Commerce Enabled Portal portlet and the third party application portlet and send a message between them.

To create a new page to display the new portlets, do the following steps:

  1. In the Project Navigator, locate the portal project you created when you installed and configured the development environment.
    1. Right click on the project. From the menu, select Run on Server. The Server Selection window displays.
    2. Select the server. Click Finish. When the server finishes running, the Winstons store displays in the Web browser.
  2. In the Web browser, select Administration. The Portal User Interface page displays.
  3. In the Portal User Interface page, select Manage Pages.
  4. From the Manage Pages list, select My Portal. Click New Page. The New Page: My Portal page displays.
  5. In the Title field, type the name of the new page, for example, Sample. Click OK. A page displays stating that the page has been created successfully. Click OK. The Manage Pages page redisplays.
  6. In the Manage Pages list, find the new page (Sample). Click the pencil icon that corresponds to the new page. The Edit Layout page displays.
  7. In the Edit Layout page, accept the default layout of the page (the page is divided into two). You will add one portlet to each half of the page.
  8. In the first half of the page, click Add portlets. A search page displays.
  9. Search for the NonCommerce portlet you created. In the Search for field, type NonCommerce. Click Search. The NonCommercePortlet displays in the portlet list.
  10. Select the NonCommercePortlet and click OK. The NonCommercePortlet displays in the first half of the page.
  11. In the second half of the page, click Add portlets. A search page displays.
  12. Search for the GenericCatalog portlet you created. In the Search for field, type Generic. Click Search. The GenericCatalogPortlet displays in the portlet list.
  13. Select the GenericCatalogPortlet and click OK. The GenericCatalogPortlet displays in the second half of the page. Your portlets will display in this configuration on the page.
  14. Click Done. The Manage Pages page displays.
  15. Select the My Portal tab. The Winstons store displays.
  16. In the title bar, locate Sample. You may have to scroll to find it. Click Sample. The Sample page displays, with the two new portlets.
  17. Test the communication between the two portlets by selecting a catalog in the NonCommercePortlet and clicking Retrieve. The catalog you select should display in the Generic Catalog Portlet.

Congratulations! You have completed the tutorial.


Feedback