Lists and DHTML Lists

Multiple links can be collected into an object called a List.  Lists can be displayed in different areas of the screen depending on the template used.  Examples of lists have already appeared in HTML DB development.  One example is on the login page, and is shown in Figure 11.1. 

Creating a List

This example will create a simple list to navigate to three different screens in the system.  The process of starting a list can be accomplished in three ways:

• Go to the Shared Components, select Lists and click Create.

• From the Page Definition, click the Lists link in the third column

• From the Page Definition, click on the Create button in the Lists box

1.     On the List creation screen, the name of the list will be entered.  This example will use Book List.  On this page, the template for the list will also be specified.  This screen is shown in Figure 11.2.  After entering the Name of the list and choosing the type of template desired, click on the Create button.  This will create the list but without any entries as shown in Figure 11.3.

2.     To create a list entry, click on the Create List Entry button.  In this screen, the actual item is being created.  Although there are only two required entries, the label and the target page number, this is like any other page item where the item is conditional.  An example of a simple entry is shown in Figure 11.4.

The label on the list will be Documents.  When that link is clicked, it will navigate to the 1092 screen.

3.       Optional items are:

• Parent List Item:  Specifies a parent item for the link in order to create a hierarchal structure such as a tree.  Not all templates support this structure.

• Sequence:  Specify the order within which the link appears in the list.

• Image:  Name of an image file to use as the link.  The template must be able to support the images which are indicated in the template name.

• Image Attributes:  Attributes to be applied to the image such as height=”10” and width=”10”.

4.       The target branch can be a page or a URL. 

5.       Click on the Create or Create and Create Another button to create the link. 

Depending on the list template that has been chosen, the list will be displayed in a certain way.  Table 11.1 below is an explanation of each of the different types of list templates.

LIST TEMPLATE	EXPLANATION
Button List	The labels will appear as buttons.
Horizontal Image with Labels	Images will be display as the links including the label specified.
Horizontal Links List	Links will be displayed horizontally.
Tabbed Navigation List	Links appear to be tabs across a horizontal list.
Tree List	Vertical List of links in a tree fashion with sublists.  Each item can be a link.
Vertical Images List	Vertical List of images.
Vertical Ordered List	Vertical list of links which are ordered by the sequence number.
Vertical Sidebar List	Vertical list with bar which is highlighted as the cursor passes over.
Vertical Unordered List with Bullets	Vertical list that is displayed alphabetically with bullets.
Vertical Unordered List without Bullets	Vertical list that is displayed alphabetically without bullets.
Wizard Progress List	Used to show the progress of a wizard.  Links will be conditionally displayed as the wizard progresses.