Use this dialog to create a new image anchor. An image anchor is like an anchor, except that a clickable image replaces clickable text. The <netui:imageAnchor> tag supplies the source code for an image anchor.
In the Page Flow perspective, from the Design Palette drag and drop the image anchor icon into the source view of a JSP page. The image anchor icon is in the section labeled NetUI.
There are three different modes to this dialog, controlled from the radio buttons in the Anchor Anchor Properties section. Each mode presents a different set of available fields. These modes are:
The following fields are presented in Action mode:
Action: the action method to be invoked.
Source: the path to the clickable image.
Alt: the alternate text for the image
Align: sets the image alignment
Width: sets the image width
Height: sets the image height
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.do
Source: /images/myImages.gif
Alt: alt
Align: top
Width: 100
Height: 100
The following NetUI tag set will be created:
<netui:imageAnchor action="getCustomers.do" align="top" alt="alt" height="100" src="/images/myImages.gif" width="100"/>
The final HTML will be rendered as follows:
<a href="/CustomerCare/customerManagement/getCustomers.do?param1=value1"><img src="/images/myImages.gif" alt="alt"></a>
Clicking the link will invoke the following action:
@Jpf.Action(...)
public Forward getCustomers(String param1) {
...
}
The following fields are presented in Hyperlink mode:
Hyperlink: the action method to be invoked.
Source: the path to the clickable image.
Alt: the alternate text for the image
Align: sets the image alignment
Width: sets the image width
Height: sets the image height
Parameters: parameters/value pairs will be passed to the action method
as Java parameters.
If the following values are entered into the dialog:
Hyperlink: /CustomerCare/customerManagement/somePage.jsp
Source: src
Alt: alt
Align: top
Width: 100
Height: 100
The following NetUI tag set will be created:
<netui:imageAnchor href="/CustomerCare/customerManagement/somePage.jsp" align="top" alt="alt" height="100" src="src" width="100"/>
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/somePage.jsp"><img src="/CustomerCare/customerManagement/images/myImage.gif"></a>
If the following values are entered into the dialog:
Named Anchor : subsection1
Source: images/myImage.gif
The following NetUI tag set will be created:
<netui:imageAnchor linkName="subsection1" src="images/myImage.gif"></netui:imageAnchor>
The following HTML will be rendered (where "CustomerCare" is the project name and "customerManagement" is the path to the page flow):
<a href="#subsection1"><img src="/CustomerCare/customerManagement/images/myImage.gif"></a>