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 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 three different modes to this dialog, controlled by the radio buttons in the Anchor Properties section. 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:

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

If the following values are entered into the dialog:
Action: getCustomers
Label: Invoke the 'getCustomers' action
Parameters: param1 / value1
The following NetUI tag will be created:
```
    <netui:anchor action="getCustomers" value="Invoke the 'getCustomers' action">
    	<netui:parameter name="param1" value="value1"/>
    	</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:

Hyperlink: the URL (relative or absolute) to link to
Label: clickable text to display
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:

Hyperlink: page2.jsp
Label: Link to Page2
Parameters: param1 / value1

The following NetUI tag will be created:
```
<netui:anchor href="page2.jsp" value="Link to Page2">
       <netui:parameter name="param1" value="value1"/>
       </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:

Named Anchor: subsection2
Label: Link to Sub-Section 2

The following NetUI tag set will be created:
```
    <netui:anchor linkName="subsection2" value="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>
```

The Css Properties section lets you add CSS classes and style attributes to the anchor.

New Anchor Dialog

How To Open This Dialog

How To Use This Dialog