Webhelp skin: add custom text in the navigation toolbar?

Report · Jul 16, 2010

Hello,

I am using Robohelp 8.0.0.208 and I would like to customize a skin for a webhelp output: add a title (personal text) in the navigation panel just after the print button (see screenshot).

For now, the best solution I found is to add a custom button which only contains a title ( no picture and no action related to the button). Of course this solution make the "title" button reactive which is not corresponding to I want to do (add passive text).

Is there a way to do so?

I alreday searched in the "Skinny on skins" file but without succes...

Thanks in advance for your help.

Report · Jul 16, 2010

Hi there

Isn't it funny sometimes how the universe works? As luck would have it, I was working with this exact thing just last night for some folks participating in a RoboHelp class I'm facilitating.

Here's my first effort:

(Click the image to see a larger and more detailed view)

So now to answer the inevitable question about how I achieved this.

I was supplied an image that they wish to use for the header. I then used the WebHelp Skins editor and configured this image as the background image for the main toolbar.

Lastly I created buttons that were mostly transparent images but having verbiage positioned so it appeared in the little green banner near the bottom. This was the tricksiest bit. Lots of trial and error to get the text positioned properly.

So there you have it! Hope it helps... Rick

Helpful and Handy Links

RoboHelp Wish Form/Bug Reporting Form

Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!

Adobe Certified RoboHelp HTML Training

SorcererStone Blog

RoboHelp eBooks

Report · Jul 16, 2010

Hello and thank you for your help. It nearly solved our issue.

We put the "title" in the background picture but now we have a problem with the "About button". As we put our own logo in that button, we now have an overlay problem.

Any idea?

Report · Apr 12, 2011

Hi there,

I am using Robohelp 9 (trial version) and created a Help System header that I uploaded as my background image - just how you explained it.

When I went to preview this, the background image shows up multiple times throughout the top of the help system window.

How can you set the background image so it only appears one time? I set my background image to 800x600.

Any help on this would be very much appreciated!!

Report · Apr 13, 2011

Hello,

As far I know about Robohelp skins, you can not configure your skin so the background image does not repeat.

The best solution I found is to use an image larger than your screen. To give you an idea, the picture I use is 2000x85 px.

Hope these explanation will help you.

Report · Apr 13, 2011

Thank you for that tip! I appreciate it. I will make that change to my image and see what happens...

Thanks again!

Andrea

Report · Apr 14, 2011

I had the same issue with the repeating image in the header. If you are feeling adventurous, you can alter

the whskin_tbars.htm file. If you do this though, every time you generate the Help, RoboHelp will overwrite the file. So you have to keep a copy somewhere safe, then whenever you re-generate the help, copy the revised file back in.

Open the folder wherever your generated output is and find whskin_tbars.hm.

Open with Notepad.

Just after the </head> tag, find the line that looks like this:

Change as follows:

Save and close.

Keep a copy of this file somewhere safe. Each time you generate the help, copy this file into your output folder.

Report · Apr 15, 2011

Thanks! I will try that!

What RoboHelp version are you using to customize the template?

Report · Apr 15, 2011

Sady, we're still on RH7. Hoping to finally upgrade to RH8 in the next few weeks.