Difference between revisions of "HowTo:Create Application-Specific Help"
imported>Aeric |
imported>Aeric |
||
Line 10: | Line 10: | ||
* [[Application Help Tab]] | * [[Application Help Tab]] | ||
* x-Make a self-contained Help tab (Sample Help Page) | * x-Make a self-contained Help tab (Sample Help Page) | ||
* --TBD: How to add a reference to jQuery in an HTML page, if needed (Sherwin) | * --TBD: How to add a reference to jQuery in an HTML page, if needed (Sherwin) | ||
Line 17: | Line 16: | ||
:*--make two JSP pages (NO HEADERS--so links work) | :*--make two JSP pages (NO HEADERS--so links work) | ||
:*--make the main page into the help tab (as explained above) | :*--make the main page into the help tab (as explained above) | ||
==Working with Application-Specific Help== | |||
To link to the help page and open it in a different window, you can always use the standard HTML idiom: | |||
: <tt><nowiki><a href="source-URL" target="_blank">...text...</a></nowiki></tt> | |||
:* | ===To Go to the Help Tab=== | ||
:*--get the ID of the Web Tab, or inspect the tab element to get iFrame ID | |||
:*--Find the Help tab and use {element}.click to click the tab! | |||
::<syntaxhighlight lang="javascript" enclose="div"> | ::<syntaxhighlight lang="javascript" enclose="div"> | ||
<script> | <script> | ||
Line 33: | Line 33: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
===To Load a Specific Page Into the Help Tab=== | |||
::<syntaxhighlight lang="javascript" enclose="div"> | ::<syntaxhighlight lang="javascript" enclose="div"> | ||
<SCRIPT LANGUAGE="JavaScript"> | <SCRIPT LANGUAGE="JavaScript"> |
Revision as of 00:02, 11 August 2015
The pages you are currently reading comprise the support wiki. The support wiki is intended primarily for application builders, admins, and installers. But end-users need information that is specific to the application they are using--and that is where application-specific help comes in.
About Application-Specific Help
In this article, we assume that you know how to add a button to a form, and that you know how to create an interface tab that displays a single HTML page of information. Here, we'll assume that you want to display different pages, depending on the user's current location--so you'll be wiring help buttons that appear on different forms so they display different pages in the help tab.
Learn more:
- x-Make a self-contained Help tab (Sample Help Page)
- --TBD: How to add a reference to jQuery in an HTML page, if needed (Sherwin)
- http://agileappslive.info/aadev/JSP_Pages#About_Header_Files
- --Make a multi-page help system
- --make two JSP pages (NO HEADERS--so links work)
- --make the main page into the help tab (as explained above)
Working with Application-Specific Help
To link to the help page and open it in a different window, you can always use the standard HTML idiom:
- <a href="source-URL" target="_blank">...text...</a>
To Go to the Help Tab
- --get the ID of the Web Tab, or inspect the tab element to get iFrame ID
- --Find the Help tab and use {element}.click to click the tab!
- <syntaxhighlight lang="javascript" enclose="div">
<script> function goToHelpTab() {
document.getElementById("...HELP TAB ID...").click();
} </script> </syntaxhighlight>
To Load a Specific Page Into the Help Tab
- <syntaxhighlight lang="javascript" enclose="div">
<SCRIPT LANGUAGE="JavaScript"> function go(loc){
document.getElementById('...HELP TAB ID...').src = loc;
} </script> </syntaxhighlight>
- THEN "click" the tab from the script
- --To display link-target in the Help tab:
- function to search for the iFrame and change the src attribute:
- onclick() in the anchor to invoke the function and pass target
- --loc.href="pages/PAGE_NAME"
- --works for pages hosted in the platform
- --does not work for external pages (use the external site option, for that)