Skip to main content
August 14, 2012
Question

Webhelp: how to add a Previous and Next button

  • August 14, 2012
  • 1 reply
  • 5047 views

I'm using Robohelp 8 and generating Webhelp on a Windows XP machine. The output displays on IE by default.

My problem is simple: In my Webhelp output, I want a Previous and Next button to appear at the top of each topic. That's all. But I don't see how to set this.

I don't want to create browse sequences; if select topic B, and I've already opened topic D and Z, I should be able to click the Previous button to go from topic D -> topic B, or the Next button to go from topic Z to topic B.

Also, how do I open my Webhelp output so that the TOC is open (i.e., all topics are displayed so you don't have to click books to open. Thanks for any help.

Len

This topic has been closed for replies.

1 reply

Willam van Weelden
Inspiring
August 14, 2012

Hi,

For the next/back buttons, you need JavaScript. Create a link and instead of an URL add:

For back:

javascript:history.go(-1);

For next:

javascript:history.go(1);

For opening your WebHelp with the skin visible, you need to use windows and use a context sensitive help call. See http://www.grainge.org/pages/authoring/calling_webhelp/calling_webhelp.htm for some good info. Or if you're up to a more technical view: http://www.wvanweelden.eu/articles/context-sensitivity-webhelp-and-flashhelp

Greet,

Willam

August 14, 2012

Thanks, William - I'm very surprised that simple functionality (a Previous and Next button at the top of each topic) requires JavaScript (vs. a drop 'n drag GUI element or selecting it from a menu), but so be it.

Sorry for the naïveté - but how does one create a link? I can go to View -> Pods -> Link View, but I don't know what to do next. Again, I'm just looking for a way to simply add a 'Previous' and 'Next' button to all topics. Thanks again for the help,

Len

Captiv8r
Brainiac
August 14, 2012

Thanks, Rick - here's what I did:

1. Opened a Master Page.

2. View -> Header

3. Clicked HTML tab (default is Design)

4. In the resulting header, I put in the following:

     javascript:history.go(-1);

and then CTRL+W to preview.

But what I see are the words 'javascript:history.go(-1);' in the master page. Must be something simple. Thanks,

Len


Hi Len

I don't mean to sound asinine here, but do you know how to create a hyperlink?

What you need do do is type some text, select it, then create the hyperlink and paste that JavaScript code into the Hyperlink dialog. Or insert an image and make the image a hyperlink.

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