Difference between revisions of "Application Help Tab"
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:
- Go to
> 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.
- Be sure to turn off headers on the page you create.
- > 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:
- <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>
<a href="#whatisapp">What this app?</a>
<a href="#more info">Is more info available</a>
<a id="whatisapp">What is this app? </a> <a class = "top" href="#pagetop">[top]</a>
This app is...
<a id="more info">Is more info available? </a> <a class = "top" href="#pagetop">[top]</a>
Yes, you can send any queries or suggestions to <a href="MAILTO:someaddress@somecompany.com">someaddress@somecompany.com</a>.
</body> </html> </syntaxhighlight>