- The Icon Object

The PROIV Icon object has no direct equivalent in the browser. It is most like a browser button or anchor but the flexibility of its label and image layout means that it has its own prebuilt nodes in the Lite Client.

The label ‘Alignment’ property allows a developer to position the label in various ways on top of the image (Graphic) and these are supported in the Lite Client with exception of the ‘Below’ ones which are treated as ‘Bottom’ properties.

The Icon has a new ‘Floating Label Mode’ property that changes the image from being a background to the label to being beside the label (which is a more normal way of using labels in the browser). The ‘Alignment’ property is used in conjunction with the Floating Label Mode property to position the Icon label and image as separate nodes with the exception of an Alignment of Mid_Center which does put the label on top of the image.

This shows 18 icons with both an image and a label. The ones on the left have the ‘Floating Label Mode’ property set true. The label shows how the ‘Alignment’ property is set. Note that two different images are used, the one on the left being much smaller as this works better when aligned beside the label. The Icons on the far right are much wider than the other icons so the image does not fill the icon.

The Icon HREF Property

A PROIV Icon has an HREF property and if this is set the Icon is displayed as an anchor link. This anchor has a default target of '_blank' but this can be changed if the HREF has a suffix of | followed by the new value for the target attribute.

HREF property can be a JavaScript call rather than a URL. This allows the developer to access JavaScript on the page through a Navigation Group or Tab Group button.

e.g.

HREF = JavaScript:alert("hello world")

This example will call the browser alert function to display the message 'Hello world'.

Comment on this topic

Topic ID: 870009