Web Form Help Button - demo help system

Home > Basic Functions > Context-sensitive Help > Web Applications > Web Form Help Button

Web Form Help Button

You can add a help button, icon or hyperlink to a form within your Web application that opens a specific page of your help system. Follow the steps below to add a help link to your web application.

1. Open a page (such as a login form) of your web application using an HTML editor such as Visual Studio or a text editor such as Windows Notepad. This is an example of a simple login form.

<html><body>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

2. Add the following code to create a 'Help' link that will open a help page when clicked. This link could also be a button or an image.

Open a Dynamic Help Page (page only, no contents)

<html><body>
<a href='http://www.domain.com/help/page.aspx?pageid=project_login' target=_blank>Help</a>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

Open a Dynamic Help Page (within help system)

<html><body>
<a href='http://www.domain.com/help/default.aspx?pageid=project_login' target=_blank>Help</a>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

Open a Static Help Page

<html><body>
<a href='help/project login.htm' target=_blank>Help</a>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

* the url above assumes that the static help system is in a sub folder named 'help'

Open a Static Help Page (within help system)

<html><body>
<a href='help/default.htm?project login.htm' target=_blank>Help</a>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

* the url above assumes that the static help system is in a sub folder named 'help'

3. Open the html file in your browser. Click the 'Help' link to display the help system in a new window.