XPages Tip: Adding a Favicon
When users view an XPage, they icon they see in the browser tab by default is a Notes icon. In this post, I’ll show how you can change that icon with a theme setting in order to add another nice touch of customization.
By default, the users will see a Notes icon displayed in the browser tab:
You can customize the icon that’s displayed in the browser tab globally for the application via the theme using the pageIcon property of ViewRoot.
For example, if I have an image resource in my application named document.png, I can set it as the favicon by adding this to the application theme:
<control> <name>ViewRoot</name> <property> <name>pageIcon</name> <value>/document.png</value> </property> </control>
Now I have a custom favicon:
If you happen to specify an invalid icon path, this is what it looks like in Firefox: