Time for action – showing a popup to the user

Now we will see how to create a popup from scratch in ADF:

1. Go to the index.jspx page and then select the Command button that holds the commit operation from the Structure window.

2. Right-click on the Command button and select the Insert inside the af:commandButton –Commit option and the select the Adf Faces option.

3. Click on the Show Popup Behavior option in the Insert ADF Faces Item window:

   

4. Now a af:showPopupBehavior component is added to the commit operation. Now add triggerType as action, which is the event that should invoke the popup. The id value of the Command button cb1 is provided for the alignId component, that is, the popup relative to the Command button. The align property is set to beforeStart to align the popup next to the af:commandButton component.

5. Now we will create an af:popup component and add an af:dialog component to it. Add a message saying Do you really want to commit the data? inside the af:dialog component.

6. Provide the ID of...