In the Edit mode of the page, click the Edit Defaults icon for the chart portlet, as Click the Layout tab.

4-24 Oracle Fusion Middleware Developers Guide for Oracle Portal

4. Set the Page Input as shown in

Figure 4–49 . Figure 4–49 Page Input on the Events Tab

5. Click OK.

6. Now, when you drag your mouse over the pie chart in the Chart portlet, you should notice that you can click one of the sections. Try clicking on the largest slice New York. You will notice that the page refreshes. In the URL of the page, you should see a parameter value set after the page name, for example: OmniPortlet20Examples?zip=10001. The Weather Forecast information changes, and looks something like Figure 4–50 . Figure 4–50 Weather Forecast Web Service Portlet for New York The Weather Information portlet changes, and looks something like Figure 4–51 . Note: If you do not know the name of the page, you can return to the Edit mode of the page by clicking Cancel. Then, click the Page Group: Properties link to view the display name of the page group. When you return to the Events tab of the Page Properties, you can click the Browse Pages icon to search for the page group, under which you should see the page name. Building Example Portlets with OmniPortlet 4-25 Figure 4–51 Weather Information Web Page Portlet for New York

4.7 Building an OmniPortlet Using the HTML Layout

As you can see from the examples in this chapter, you can use any data source with any of the built-in layouts in OmniPortlet. This section will show you how to use the same Web Service data source you used in Section 4.2, Building an OmniPortlet Based on a Web Service to create a portlet using the HTML layout in OmniPortlet. At the end of this section, your portlet will look like Figure 4–52 . Figure 4–52 OmniPortlet Using the HTML Layout To create a portlet using the HTML layout, perform the following steps:

1. Follow steps 1-8 in

Section 4.2, Building an OmniPortlet Based on a Web Service to use the Web Service data source.

2. On the View tab, under Layout Style, select HTML, then click Next.

3. On the Layout tab, the default layout is a Simple Table.

You can switch the layout using the Quick Start drop-down list, or clear the fields to create your own layout. For this example, use the default Simple Table layout. In the Repeating Section, you can see how OmniPortlet automatically populates the columns from the data source into your layout. You can modify the HTML in any of the sections as you wish.

4. Click Finish. Your portlet looks like

Figure 4–53 .