AgileApps Support Wiki

Difference between revisions of "Application Help Tab"

From AgileApps Support Wiki
imported>Aeric
(Created page with "To create an application Help tab: # Go to '''File:GearIcon.png > Developer Resources > Pages''' and create a JSP page. #: Be sure to ''turn off headers'' on the page you cre...")
 
imported>Aeric
Line 1: Line 1:
To create an application Help tab:
An ''application help tab'' gives application users a tab they can click on to get information instructions, or answers to frequently asked pages.
 
'''To create an application Help tab:'''
# Go to '''[[File:GearIcon.png]] > Developer Resources > Pages''' and create a JSP page.
# Go to '''[[File:GearIcon.png]] > Developer Resources > Pages''' and create a JSP page.
#: Be sure to ''turn off headers'' on the page you create.
#: Be sure to ''turn off headers'' on the page you create.
Line 6: Line 8:
#:
#:
# '''[[File:GearIcon.png]] > Developer Resources > Pages'''
# '''[[File:GearIcon.png]] > Developer Resources > Pages'''
===Sample Help Page===
This page is derived from the [https://empower.softwareag.com/Products/FeatureRequestsInBrainstorm/default.asp Brainstorm]] application--an application built on the {{EnterpriseBrand}} that allows customers to file requests for features they would like to see. The resulting page looks like this:
Here is the code:
:<syntaxhighlight lang="java" enclose="div">
<html>
<head>
  <style>
    heading
    {
    font-weight: bold;
    font-size: 3em;
    }
    a.rightAlign
    {
    font-size: .8em;
    position: absolute;
    right: 0px;
    width: 10%;
    }
    a.top
    {
    font-size: .7em;
    }
    p.links
    {
    font-size: .8em;
    //text-align: center;
                line-height: 2;     
    }
    p.question
    { 
    font-weight: bold;
    font-size: 1em;
    }
    p.answer, li
    {   
      font-size: .8em;
    }
    body
    {
    font-family: arial;
    margin-left: 10px; 
                margin-right: 10px;
    }
  </style> 
</head>
<body>   
  <heading>FAQ</heading>
  <a id = "pagetop" class = "rightAlign" href="#moreinfo">Contact Us</a>
  <hr>
    </br></br>
   
  <p class = "links">
    <a href="#whatisapp">What this app?</a></br>
    <a href="#more info">Is more info available</a></br></br></br>
  <hr>
  </p> 
   
  <p class = "question">
    <a id="whatisapp">What is this app? </a>
    <a class = "top" href="#pagetop">[top]</a>
  </p>
  <p class = "answer">
    This app is...
  </p>
  <p class = "question">
    <a id="more info">Is more info available? </a>
    <a class = "top" href="#pagetop">[top]</a>
  </p>
  <p class = "answer">
    Yes, you can send any queries or suggestions to <a href="MAILTO:someaddress@somecompany.com">someaddress@somecompany.com</a>.
  </p>
</body>
</html>
</syntaxhighlight>

Revision as of 23:41, 15 May 2015

An application help tab gives application users a tab they can click on to get information instructions, or answers to frequently asked pages.

To create an application Help tab:

  1. Go to GearIcon.png > Developer Resources > Pages and create a JSP page.
    Be sure to turn off headers on the page you create.
    With headers on, jQuery and other platform features become available--but links fail.
    When off, you have a normal HTML page--and links work.
  2. GearIcon.png > Developer Resources > Pages


Sample Help Page

This page is derived from the Brainstorm] application--an application built on the AgileApps Cloud platform that allows customers to file requests for features they would like to see. The resulting page looks like this:

Here is the code: 

<html>
<head>
  <style>
    heading
    { 
     font-weight: bold;
     font-size: 3em;
    }
    a.rightAlign
    {
     font-size: .8em;
     position: absolute;
     right: 0px;
     width: 10%;
    }
    a.top
    {
     font-size: .7em; 
    }
    p.links
    {
     font-size: .8em;
     //text-align: center;
                line-height: 2;      
    }
    p.question
    {   
     font-weight: bold;
     font-size: 1em;
    }
    p.answer, li
    {     
      font-size: .8em;
    }
    body
    {
     font-family: arial;
     margin-left: 10px;  
                 margin-right: 10px;
    }
  </style>  
</head>

<body>     
  <heading>FAQ</heading>
  <a id = "pagetop" class = "rightAlign" href="#moreinfo">Contact Us</a> 
  <hr>
    </br></br>
    
  <p class = "links">
    <a href="#whatisapp">What this app?</a></br>
     <a href="#more info">Is more info available</a></br></br></br>
  <hr>
  </p>  
    
  <p class = "question">
     <a id="whatisapp">What is this app? </a>
     <a class = "top" href="#pagetop">[top]</a>
  </p>
  <p class = "answer">
    This app is...
  </p>

  <p class = "question">
     <a id="more info">Is more info available? </a>
     <a class = "top" href="#pagetop">[top]</a>
  </p>
  <p class = "answer">
    Yes, you can send any queries or suggestions to <a href="MAILTO:someaddress@somecompany.com">someaddress@somecompany.com</a>.
  </p>
</body>
</html>
Retrieved from "https://agileappscloud.info/aawiki-src/index.php?title=Application_Help_Tab&oldid=25914"