How do I map context-sensitive UI hooks to Multiscreen HTML5 Help Topics?
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
