Layout of the default Web user interface

The default Web user interface for Business Process Choreographer Explorer consists of a menu bar, a navigation pane, and a content pane.

Graphic showing the header, navigation pane, and content pane of the user interface.

The menu bar and the navigation panes are always displayed. They are generated by the Menubar.jsp and Navigation.jsp files. Other JavaServer Pages (JSP) files use the <jsp:include page=xxx> tag to reference these files. The information shown in the content pane depends on the JSP file that is used to generate the page.

All of the JSP files used in the default user interface are in the following directories:

The layout of the user interface is implemented in HTML forms; tables are used for tabular data only. The visual appearance of each of the sections is controlled by a style definition in the style.css file.

Graphic showing the layout of a typical page in the default user interface of the Business Process Choreographer Explorer
The main table has one row and one column and includes the Navigation.jsp pane. It also provides a table cell for the page content. Depending on the content, this cell can also contain tables, forms, and labels. The HTML template for the page layout looks similar to the following example:
<body>
	<jsp:include page="Header.jsp" flush="true"/>
	<table class="page"> 
		<tr>
			<jsp:include page="Navigation.jsp" flush="true"/>
			<td class="content">
			  ...
			 </td>
		</tr>
	</table>
</body>

Terms of use |

Last updated: Tue Feb 21 17:31:25 2006

(c) Copyright IBM Corporation 2005.
This information center is powered by Eclipse technology (http://www.eclipse.org)