Creating and Editing Image Tooltips

When inserting or editing an image, you can add a tooltip (or screen tip), which displays in a popup when end users hover over the image in the output. You can also use a generic style class named "tooltip" to control the look of that popup and its text.

How to Create an Image Tooltip

  1. Right-click on an image that has been inserted into a topic (or other content file), and select Image Properties. The Image Properties dialog opens.

    Note You can also use this dialog during the process of inserting a new image. See Inserting Images.

  2. In the Screen Tip field, type a phrase that you want to appear when the end user hovers over the image.
  3. (Optional) Select Apply the alternate text and screen tip to all image references if you want the same screen tip text to be used everywhere the image is already inserted in the project. However, this option will not affect new insertions of the image in the project; you would need to add the screen tip text to those images manually.
  4. Click OK.
  5. If you selected the check box, click Yes to save the changes. Otherwise, click Save the active file. to save your work.

How to Edit the Look of Image Tooltips

  1. From the Content Explorer, open your stylesheet.
  2. In the local toolbar, click Add Selector.
  3. Either clear the HTML Element field, or select (generic) in it.
  4. In the Class Name field, type tooltip.

  5. Click OK.

    The new class is located under the "(Generic Classes)" node on the left side of the editor. You might need to filter for All Styles to see it.

  6. With the tooltip class selected on the left, set any properties for it on the right.

    Note This is one case where you do not need to apply this style class to your images manually, because Flare is designed to use it automatically whenever an image has a screen tip added.

  7. Click Save the active file. to save your work.