New Anchor Wizard

Use this wizard to add a new anchor to a JSP page.

How To Open This Dialog

In the Page Flow perspective, from the JSP Design Palette drag and drop the anchor icon into the source view of a JSP page. The anchor icon is in the section labeled NetUI.

How To Use This Dialog

There are four different modes to this dialog, controlled from the Anchor Type dropdown field. Each mode presents a different set of available fields. These modes are:

Action: Creates an anchor that invokes an action method in the page flow Controller class.
The following fields are presented in Action mode:

Text: clickable text to display.
Action: the action method to be invoked.
Parameters: parameters/value pairs will be passed to the action method as Java parameters.

If the following values are entered into the dialog:

The following NetUI tag will be created:
```
    <netui:anchor action="getCustomers">Invoke the 'getCustomers' action</netui:anchor>
```
The final HTML will be rendered as follows:
```
    <a href="/CustomerCare/customerManagement/getCustomers.do?param1=value1">Invoke the 'getCustomers' action</a>
```
Clicking the link will invoke the following action:
```
    @Jpf.Action(...)
    public Forward getCustomers(String param1) {
        ...
    } 
```
Hyperlink: Creates an anchor that links to an URL.
The following fields are presented in Hyperlink mode:

Text: clickable text to display.
URL: the URL (relative or absolute) to link to.
Parameters: parameters/value pairs will added to the URL's query string (the portion of the URL appended after the '?').

If the following values are entered into the dialog:

The following NetUI tag will be created:
```
    <netui:anchor href="page2.jsp">Link to Page2</netui:anchor>
```
The following HTML will be rendered (where "CustomerCare" is the project name and "customerManagement" is the path to the page flow):
```
    <a href="/CustomerCare/customerManagement/page2.jsp?param1=value1">Link to Page2</a>
```
Named Anchor: Creates a link to a named anchor on the same page.
If the following values are entered into the dialog:

The following NetUI tag set will be created:
```
    <netui:anchor linkName="subsection2">Link to Sub-Section 2</netui:anchor>
```
The following HTML will be rendered (where "CustomerCare" is the project name and "customerManagement" is the path to the page flow):
```
<a href="#subsection2">Link to Sub-Section 2</a>
```
Basic Anchor: Creates an incomplete <netui:anchor> tag. Only the src attribute on the tag is specified in this mode. The user must manually edit the source to complete the tag. At least one of the following attributes must be specified for HTML to be rendered: action, href, linkName, clientAction, tagId, or formSubmit.

New Anchor Dialog

How To Open This Dialog

How To Use This Dialog