Adobe RoboHelp: Favicons

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

During my online RoboHelp classes, students frequently ask for ways to brand a generated WebHelp layout. There are multiple ways to add a corporate identity to a layout including customizing a WebHelp skin and adding a copyright notice within the footer of a master page.

While working with skins and master pages is easy enough, one of the fastest ways to brand WebHelp is also the easiest: add a Favicon. A Favicon is an icon that appears in a browser's address bar or next to the site name in a bookmark list. In the image below, you can see the title of a generated layout (Technical Communications) as it appears in a Firefox tab. Just to the left of the title is a generic Favicon.

Adobe RoboHelp: Default Favicon.

To add your logo as a Favicon, show the Properties of a RoboHelp WebHelp layout (on the Single Source Layouts pod, right-click a WebHelp layout and choose Properties).

Select the General category and you'll find the Favicon field just below the Title Bar field.

Adobe RoboHelp: Favicon field

Click the Browse button and open the Favicon image you'd like to use. In the image below, I've loaded a Favicon I created called IcoFile.ico. You can use png, ico, or gif images as Favicons.

Adobe RoboHelp:  ICO file loaded as a Favicon.

Generate the layout and view the results. You'll see your corporate Favicon in the tab or title bar of the web page in place of the default image.

Adobe RoboHelp: Favicon appearing in the browser's title bar.

***

Looking for training on Adobe RoboHelp? IconLogic offers live, online Adobe RoboHelp classes each month.

Leave a Reply

Discover more from The Logical Blog

Subscribe now to keep reading and get access to the full archive.

Continue reading