Add an image on a page

We can add images within OAF pages using personalization very easily. The images can represent anything, from giving a message to the employees to adding graphics to make the page aesthetically appealing. 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.
  
Step 1: Enable the personalization links for OAF pages. You can refer to this article to see how to do this.
Our objective is to add an image on the Oracle home page, Favourites, section to demonstrate the personalization process.
Login to Oracle

We intend to add the image under Favourites section, i.e. in the following area,

 

Personalization steps
 

Drop the image file on the server. The file should be transferred via FTP to the $OA_MEDIA directory. For our example we already have a file in $OA_MEDIA directory named as ag_clr_homepage.jpg
On the server we shall change the directory to $OA_MEDIA

Check the file, ag_clr_homepage.jpg

Note:
We can check the file from the web browser. If you have a file in the directory $OA_MEDIA or $OA_HTML, you can view the file directly from the browser. Type the address on the web browser as Http://<<Oracle apps server:port>>/OA_MEDIA/<file name> or Http://<<Oracle apps server:port>>/OA_HTML/<file name> depends on where the file is and you will get to see the file on the browser. It will look like the following,

The same idea has been used in another article, where we have created our own web site hosted by the Oracle apps middle tier.


Click on the link Personalize “Favourites”. It will take you to Personalization Structure page.
Select Complete View and scroll down so that you can view all the elements.

Click on the Create Item icon for Stack Layout: Favourites

Now we will be taken to the Create Item page.

Select Item Style, Image.

Enter the details for the image
ID: Test_image
 Destination URI: ag_clr_homepage.jpg

Scroll down and click on Apply button. You will be taken back to the Personalization Structure page.

Click on Return to Application link on the bottom left of the screen.

Now the image is available in the Favourites section of the home page.