1.Overview
This document talks about a Favicon (Favorite Icon), also known as a Shortcut Icon, Web site Icon, Tab Icon or Bookmark Icon, is a file containing one or more small icons, associated with a particular website or web page.
For applications which are using Universal Theme you don’t have to modify the Page Template anymore if you want to replace the default Favicon with a custom one
2.Technologies and Tools Used
The following technology has been used to achieve Favicon in Oracle Apex.
- Oracle Apex
3. Use Case
A web designer can create this icon and upload it to a website (or web page) by several means, and graphical web browsers will then make use of it. Browsers that provide Favicon support typically display a page’s Favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s Favicon next to the page’s title on the tab.
4. Architecture
Following steps explains in detail,
Step 1: Go to Shared Components > Images and upload your new favicon.ico file.
Step 2: Go to your application and the ‘Edit Application Definition’ button, then the Definition
tab.
Step 3:
Scroll down to Substitutions. Add a new subsitution string called CUSTOM_FAVICON.
Enter the substitution string as: #WORKSPACE_IMAGES#favicon.ico & then Click apply Changes.
Step 4:
Navigate to Shared Components > Templates. Filter by ‘Page’ type.
Edit each of your page templates (tip: start with one that you can test).
In the ‘Header’ definition, find the line:
<link rel=”icon” href=”#IMAGE_PREFIX#favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”#IMAGE_PREFIX#favicon.ico” type=”image/x-icon”>
Change it to:
<link rel=”icon” href=”&CUSTOM_FAVICON.” type=”image/x-icon”>
<link rel=”shortcut icon” href=”&CUSTOM_FAVICON.” type=”image/x-icon”>
