How to control the tab page icon and text

Technology: ADF11g
Developed in: JDeveloper 11.1.1.3.0
Browsers tested: Firefox 3.6.13 and Internet explorer 7 (7.0.6002.18005)
Used database schema: none

Summary

In this blog a solution is provided how to control the tab page icon and text of a browser. The solution of changing the icon does not work in internet explorer.

Bij default a page looks like this:



The text deptOverview is set in the af:document tag:

<af:document id="d1" title="deptOverview">

The picture cannot be changed in this tag. To change the picture the head information of the generated page must be changed. This can be done using the metaContainer facet:

Add:

<f:facet name="metaContainer">
<f:verbatim>

<link type="image/x-icon" href="../../common/images/initials.png" rel="shortcut icon"/>

</f:verbatim>

</f:facet>

Just before the closing that of af:document.

Some notes about the picture:

• It’s name must be lowercase
• The size must be 16 by 16 pixels or an multiple of that

For firefox this works it looks like this:



For Internet explorer it doesn’t work. What did I try to make it work in IE:

• Save the picture as a ico format
• Set the URL of the picture fixed
• Set the picture in the root

If anyone knows how to make it work in ADF11 in Internet explorer please let me know.