Skip to main content
Inspiring
February 15, 2013
Answered

How do I map context-sensitive UI hooks to Multiscreen HTML5 Help Topics?

  • February 15, 2013
  • 1 reply
  • 1703 views

My company has several products that are webapps, and we link to online help, which opens a context-sensitive topic for every page. We are now redesigning those webapps to be compatible with mobile devices and would like to use Multiscreen HTML5 output for the online help so the online help experience mirrors the webapp UI experience.

In the past, we have programmed simple direct URL links into the UI to link to online help (webhelp output). For example, if we had two pages, Page1 and Page2, these would be the URLs that the Help button in the webapp linked to:

For http://www.mycompany.com/product_name/Page1:  http://www.mycompany.com/robohelp/product_name/index.htm#Page1help.htm

For http://www.mycompany.com/product_name/Page2:  http://www.mycompany.com/robohelp/product_name/index.htm#Page2help.htm

However, with HTML5 output, we will now have four possible destinations from each help button depending on whether the event is initiated from a desktop, Android tablet, iPad, or iPhone/iPod touch:

For http://www.mycompany.com/product_name/Page1: 

http://www.mycompany.com/robohelp/product_name/desktop/index.htm#Page1help.htm

http://www.mycompany.com/robohelp/product_name/android_galaxy_tab/index.htm#Page1help.htm

http://www.mycompany.com/robohelp/product_name/ipad/index.htm#Page1help.htm

http://www.mycompany.com/robohelp/product_name/iphone/index.htm#Page1help.htm

Is there a way using map IDs to program a single URL into my webapp and have RoboHelp choose the correct path to follow based on the device specifications? For example, if Page1help.htm had a Map ID of 1, is there a URL convention similar to http://www.mycompany.com/robohelp/product_name/index_csh.htm#topicID=1 that would work in this context?

I haven't been able to find any support materials from Adobe that explain how to create a context-sensitive mapping under these circumstances.

Any help would be much appreciated.

- Steve Lorenzo

This topic has been closed for replies.
Correct answer Willam van Weelden

Hi,

Please see my article on HTML5 CSH: http://www.wvanweelden.eu/articles/context-sensitivity-multiscreen-html5

You can also use the default RoboHelp API for this. Check your RoboHelp installation folder, in the folder CSH API.

Greet,

Willam

1 reply

Willam van Weelden
Willam van WeeldenCorrect answer
Inspiring
February 16, 2013

Hi,

Please see my article on HTML5 CSH: http://www.wvanweelden.eu/articles/context-sensitivity-multiscreen-html5

You can also use the default RoboHelp API for this. Check your RoboHelp installation folder, in the folder CSH API.

Greet,

Willam

Inspiring
February 19, 2013

Thank you so much, William. If only Adobe had something nearly as helpful in its documentation.

- Steve

Willam van Weelden
Inspiring
February 20, 2013

Thanks for the compliment

Greet,

Willam