You can drag the Image Hyperlink 
component
from the Palette's Basic category to the Visual Designer to create an image that links to a URL. The image hyperlink can display both text and an image.
You can right-click the component and choose Set Image to set the image to a file or an icon. Specifying the image in this dialog sets the appropriate properties for you. The imageURL property specifies an image in a file or at a URL on the Web.The icon property specifies an icon in the default theme.
-
If you use this component to navigate between pages of a portlet, do not use the
urlproperty to link to a page. Instead, use the Navigation editor to set up your links to pages.
- Note: You can drop an Image component or a Static Text component or both on the Image Hyperlink if you want to customize the appearance of the link.
If you drop a component on the Image Hyperlink, you embed the component in the hyperlink, and you must work with the embedded component's properties rather than the properties of the Image Hyperlink. Select the embedded component in the Outline window to set the embedded component's properties.
Other than the extra support for an image, an Image Hyperlink is essentially the same as a Hyperlink component. As with the Hyperlink component, if you set the action property, the page is submitted. If instead you set the url property, the link is a normal hyperlink that sends the browser to a new location. You set the component's properties in its Properties window.
Close