Under New Page Parameter, in the Parameter Name field, enter zip, then click

4-22 Oracle Fusion Middleware Developers Guide for Oracle Portal Figure 4–45 Portlet Parameters Section of the Page Parameters Tab The page parameter zip is now mapped to the portlet parameters for the Web Services and Web page portlets. Next, you will set up the chart portlet so that when a slice of the pie chart is clicked, the selected zip code will be sent to the page.

4.6.3 Configure the Chart Portlet to Use Events

The steps in this section will show you how to configure the chart portlet to use events. That is, based on an event in the portlet such as clicking a slice in a pie chart, an event will occur. In this case, you will configure the portlet so that when a slice is clicked by an end user, the zip code associated with that slice will be sent to the page. Then, the data in the two portlets you configured in Section 4.6.1, Configure Portlets to Accept Parameters will refresh depending on the selected zip code. To configure the chart portlet, perform the following steps:

1. In the Edit mode of the page, click the Edit Defaults icon for the chart portlet, as

shown in Figure 4–46 . Figure 4–46 Edit Defaults Icon for the Chart Portlet

2. Click the Layout tab.

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.