Change favicon in Robohelp HTML 8

[Guest]

Hello everyone,

I need your help!

I want to change the default favicon that is generated and replace it with my own.

I created one with the same dimensions (48x48) and saved it as whstart.ico replacing the original in my project's folder.

I also tried by changing the default whstart.ico from the following location:

C:\Program Files\Adobe\Adobe RoboHelp 8\RoboHTML\WebHelp5Ext\template_skin.

Neither of these ways worked. Could someone point out what i am doing wrong?

Regards,

Kate

[Willam_van_Weelden]

Hi,

Did you replace the original in your output folder or in the project itself? Also, what do you see in the browser with your new icon: Do you see the old icon or don't you see any icon at all?

Greet,

Willam

[Guest]

Hi William,

yes i replaced the original in the output folder and in the browser i don't see an icon anymore.

Thanks,

Kate

[Captiv8r]

Hi there

This is just a shot in the dark, but if you open the start page of your WebHelp using Windows Notepad, near the top you should find a line that reads:

document.write("<link REL=\"SHORTCUT ICON\" href=\

I'm wondering if things would change if you converted the SHORTCUT ICON to lower case so it looks instead like this:

document.write("<link REL=\"shortcut icon\" href=\

Willam, what are your thoughts on this?

Cheers... Rick

Helpful and Handy Links RoboHelp Wish Form/Bug Reporting Form Begin learning RoboHelp HTML 7, 8 or 9 within the day! Adobe Certified RoboHelp HTML Training SorcerStone Blog RoboHelp eBooks

[Willam_van_Weelden]

Hi,

@Rick, it ought not to make a difference, but it's worth a try.

My guess is that you've created an image and just saved that with a .ico extension. An .ico file is actually an archive with multiple sizes and colour depths of the same image for multiple environments. If this is indeed what you did, you can try two things

  1. Make a real .ico. You can use the trial version of the Axialis IconWorkshop for this.

  2. You can change the name of the icon in the output to reflect the actual file. For instance, your icon is called "icon.png" In the start file (see Rick's screen shot above) set the name of the file in place of whstart.ico. Then add type="image/png" to the link attribute:

document.write("link rel=\"shortcut icon\" href=\""+sIcon_"\" type=\"image/png\" >");

Does that help?

Greet,

Willam

[Guest]

@Rick

Well I tried the lowercase solution and did not work.

@William

I used an png to ico converter before replacing the original ico.

However i also tried the second option with the addition of the attribute and the original png file just in case but no icon at all.

Thank you both for trying! If you have any other suggestions please let me know.

[Guest · Accepted solution]

Thank you guys for sharing your ideas and trying to help me.

I managed to find a solution.

I replaced the original code:

<!--

var sIcon="whstart.ico";

var sPath=document.location.href;

if (sPath.indexOf("http")!= -1)

    document.write("<link REL=\"SHORTCUT ICON\" href=\""+ sIcon +"\">");

//-->

with the following:

<link rel="shortcut icon" href="whstart.ico">

and it works great!