For the fourth OmniPortlet in the list, follow the same steps to set Param1 to the

Building Example Portlets with OmniPortlet 4-23

3. Under Chart Drilldown, choose Event1 from the Action list.

4. Notice that in Edit Defaults mode, a new tab displays in the wizard called Events. Click the Events tab. 5. On this tab, you will configure Event1 which you set on the Layout tab to pass the zip code from the chart to the page as the event output. Set Event1Param1 to zipcode, as shown in Figure 4–47 , then click OK. Figure 4–47 Events Tab for the Chart Portlet You have configured the chart portlet so that a user can click a slice of the pie chart, and set up an event so that the zip code selected in the pie chart will be sent to the page. Next, you will set up the page to accept this event parameter.

4.6.4 Map the Chart Event to the Page

The steps in this section will show you how to map the chart event you created in the previous section to the page, so that when a user clicks on a slice of the pie chart, the zip code selected in the pie chart will be accepted by the page as the page input. The page will then display the data that corresponds to the selected zip code in the Web Service and Web page portlets. To map the chart event to the page, perform the following steps:

1. On the page, in Edit mode, click the Page: Properties link, then click the Events

tab. 2. Expand the second OmniPortlet in the list to display the events below it, and select Event1 , as shown in Figure 4–48 . Figure 4–48 Portlet Events Section of the Page Events Tab

3. Select the Go to page radio button, then, next to the field, click the Browse Pages

icon to search for the name of your page in this case, OmniPortlet Examples. Next to your page name, click Return Object. 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.