Difference between revisions of "HowTo:Create Application-Specific Help"
From AgileApps Support Wiki
imported>Aeric |
imported>Aeric |
||
Line 15: | Line 15: | ||
* for links TO the page (from a Help button on a form): | * for links TO the page (from a Help button on a form): | ||
:* --Find the Help tab, use {element}.click to click the tab! | :* --Find the Help tab, use {element}.click to click the tab! | ||
::<syntaxhighlight lang="javascript" enclose="div"> | |||
<script> | |||
function goToHelpTab() { | |||
document.getElementById("...HELP TAB ID...").click(); | |||
} | |||
</script> | |||
</syntaxhighlight> | |||
:* --To go to the help tab and load a specific page: | :* --To go to the help tab and load a specific page: | ||
::<syntaxhighlight lang="html4strict" enclose="div"> | |||
<SCRIPT LANGUAGE="JavaScript"> | |||
function go(loc){ | |||
document.getElementById('...HELP TAB ID...').src = loc; | |||
} | |||
</script> | |||
</syntaxhighlight> | |||
: THEN "click" the tab from the script | : THEN "click" the tab from the script | ||
Line 33: | Line 37: | ||
:* --To display link-target in the Help tab: | :* --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" | :::--loc.href="pages/PAGE_NAME" | ||
::--works for pages hosted in the platform | :::--works for pages hosted in the platform | ||
::--does not work for external pages (use the external site option, for that) | :::--does not work for external pages (use the external site option, for that) | ||
:* --In http://agileappslive.info/aadev/Form_Scripts#Targeting_Options | :* --In http://agileappslive.info/aadev/Form_Scripts#Targeting_Options | ||
::--add a learn-more link that goes to "Making Help Pages" | ::--add a learn-more link that goes to "Making Help Pages" |
Revision as of 23:47, 10 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.
- 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)
- --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)
- --get the ID of the Web Tab, or inspect the tab element to get iFrame ID
- for links TO the page (from a Help button on a form):
- --Find the Help tab, use {element}.click to click the tab!
- <syntaxhighlight lang="javascript" enclose="div">
<script> function goToHelpTab() {
document.getElementById("...HELP TAB ID...").click();
} </script> </syntaxhighlight>
- --To go to the help tab and load a specific page:
- <syntaxhighlight lang="html4strict" 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 a new window, use the standard HTML idiom:
- <a href="source-URL" target="_blank">...text...</a>
- --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)
-
- --add a learn-more link that goes to "Making Help Pages"