As image

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

1. Right-click the label and select Display Type from the shortcut menu to open the Display Type dialog.
2. In the Display As box, select Image. See the dialog.

   

3. In the Web Options panel, click the Browse button to specify the image source.

   Note: 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.

4. Type the name of the image in the Name field.
5. Type a string in the Alternate Text field to serve as content when the image cannot be displayed.
6. In the Tool Tip field, enter the tip you want to show for the image. Then after the report is exported to HTML or DHTML, when you hover the mouse over the image, the tool tip will be displayed.

   Note: When the report is opened in HTML or DHTML, the tool tip of the image will be displayed differently on different browsers:

   • On Internet Explorer, the tip text will be 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 and Netscape, the tip text will be 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.
7. 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.
8. Specify the size of the image as required.
   • 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.
9. 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.

   Notes:

   • When rotating 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.
   • For Internet Explorer lower than V6, the blank space left in the field rectangle after an object is rotated cannot support the original background color and will be filled with white color as the background.
10. Bind some web actions to the label in the Web Behaviors box as required (for details, see Applying web actions).
11. Upon finishing, click the OK button to close the dialog.