As image

To define the display type of a label as image, follow the steps below:

Right-click the label and select Display Type from the shortcut menu to open the Display Type dialog.
In the Display As box, select Image. See the dialog.
In the Web Options panel, click the Browse button to specify the image source. If you want to use a formula to control the image source, click and select a formula from the drop-down list. You can also click the <CREATE FORMULA> item in the list to create one as required. If the label is in a crosstab, you can also use a crosstab formula created in the crosstab to control the image source, or click <CREATE CROSSTAB FORMULA> to create one.
For a DBField, formula, or a summary, you can also check the From DBField radio button to make the value of the DBField/formula/summary the image source. If you choose this option, the Decode Type drop-down list is enabled, from which you can specify the type for decoding the image.
Type the name of the image in the Name field, or use a formula to control the name.
Type a string in the Alternate Text field to serve as content when the image cannot be displayed, or use a formula to control the alternate text.
In the Tool Tip field, enter the tip you want to show for the image or use a formula to control the tooltip. Then at server runtime or in HTML results, when you hover the mouse over the image, the tooltip will be displayed.
Specify the scaling mode of the image from the Scaling Mode drop-down list, and the maximum scaling ratio in the Max Ratio field. By default the scaling ratio of the image is not limited.
The following are the available scaling modes:
- actual size - If selected, the image will be shown in its actual size.
- fit image - If selected, the image will be scaled to be wholly shown.
- fit width - If selected, the image will be scaled to fit the width of the image viewer.
- fit height - If selected, the image will be scaled to fit the height of the image viewer.
- customize - If selected, the image will be scaled according to the width and height that you specify in the Width and Height box.
Specify the size of the image.
- If you choose to use the original size of the image, check the Original Size option.
- If you want to use customized image size, uncheck Original Size, and then set the display width and height of the image in the Width and Height fields. Check the Constrain Proportion option if you want to constrain aspect ratio of the image when setting the width and height.
Specify the rotation degree of the image in the Rotation field.
- 0 - No rotation.
- Positive value - Rotates the image clockwise.
- Negative value - Rotates the image anticlockwise.
If needed, bind some web actions to the label in the Web Behaviors box (for details, see Applying web actions to a label).
Upon finishing, click the OK button to close the dialog.

Notes:

If you have specified a tooltip for the image, the tooltip is displayed differently on different browsers:
- On Internet Explorer, the tip text is automatically wrapped if its length exceeds the maximal tip width the browser allows. In addition, for Internet Explorer, you can manually make some text displayed in a new line by adding &#10 or &#13 ahead of the text when editing it in the Tool Tip field.
- On Firefox, the tip text is displayed in one line with the maximal tip width the browser allows, and the text that cannot be displayed within the width will be cut off and replaced by ellipsis.
When you rotate an image, the rectangle that holds the image maintains its original size, which may result in that the image exceeds the field border and therefore the parts that extends outside of the border will be cut off.