Monday, 25 February 2013

Add a button on an OAF Page

We can add buttons within OAF pages using personalization. These buttons can be used for multiple purposes, like server side validation, accessing a URL, etc. In our example we shall use this button to access a file from OA_HTML, i.e. it will go to a URL.
In this example we shall create a button named Zone Readme that will take the user to a URL, http://<<Oracle server name or IP:port>>/OA_HTML/zoneReadme.htm. The URL will also open in a new page.

Step 1: Enable the personalization links for OAF pages. You can refer to this article to see how to do this.
Login to Oracle and go to the iExpense page
You should see the Personalization links are enabled if Step 1 has been completed.
  
Personalization steps 
 

Click on the link Personalize “General Information Page” as we want the button to appear in this section of the OAF page.

The Personalization Structure page will appear. Scroll down on the page and select Complete View.

Now click on Create Item icon for Name: Stack Layout General Information Page

The Create Item Page will appear. Now select Item Style as Button on the top.

Enter the following
ID: Test_button
Destination URI: zoneReadme.htm
Prompt: Zone Readme
Target Frame: _blank
Note: We can enter the following values in Target Frame,
  • _self
  • _blank
  • _parent
  • _top

It is shown below

Click on Apply. You will come back to Personalization Structure form. Scroll down on the page
You will see the newly created Button at the bottom of the page. This means that the button will appear at the bottom of the General Information section. We shall move the position of the button to the top of the section.

Select Reorder icon on Name: Stack layout: General Information Page

You will be taken to the Reorder page

Check the Function section

Select buttons to move Zone Readme to the top

Click on Apply. You will again come back to the Personalization Structure page.

Note that the Button is now at the top of the section. Click on Return to Application at the bottom right of the page.

Now you can see the button on top of the section. Click on the button and you shall be taken to the URL.

The URL opens in a new window

No comments:

Post a Comment