Wednesday, 15 June 2016

Changing default text of af:dialog buttons in ADF

Requirement:  I have an demo.jspx page. On that demo.jspx page, I have an af:commandButton named as "Click to Launch Popup". On click of the af:commandButton it should open an af:popup having an af:dialog with three buttons: Yes, No, and Cancel as shown below:
Now the three buttons: Yes, No, and Cancel shown above have the default text. The requirement is to change the text of the three buttons: Yes, No, and Cancel into Click Yes, Click No, and Click Cancel. Thus, the label of the three buttons should be Click Yes, Click No, and Click Cancel as shown below:
Solution: For solution to the above requirement follow the steps as shown below:
Step 1: Create an Oracle ADF Fusion Web Application.
Step 2: Create an demo.jspx page. Drag and drop af:commandButton from the component palette on the demo.jspx page. Set the text as text="Click to Launch Popup".
Drag and drop af:popup. Drag and drop af:dialog inside the af:popup and set the type of the af:dialog as type="yesNoCancel".
Drag and drop af:showPopupBehavior and set triggerType="click" popupId="p1".
Thus, the demo.jspx page is shown below:
Save all and run the application. Thus, the ran application is shown below:
Now the requirement is to change the default text: Yes, No and Cancel to Click Yes, Click No, and Click Cancel.
Step 3: Open the property inspector of the af:dialog. Set AffirmativeTextAndAccessKey="Click Yes", CancelTextAndAccessKey="Click Cancel" , and NoTextAndAccessKey="Click No" as shown below:
Thus the complete demo.jspx page is shown below:
Save all and run the application. Thus, the ran application is shown below:
Click on Click to Launch Popup to launch the popup as shown below:
Hence, the solution to our requirement.

Thanks & Regards,
Susanto Paul