You can use thumbnail images for online Flare output. For example, if a Flare author sends you a topic containing an image, you can edit the image to specify that it should appear as a thumbnail in output. Then you send the file back to the author. If the author generates output such as WebHelp, the end user will see the image as a thumbnail until he or she performs an action on the thumbnail, such as hovering over it or clicking it. After that action, the end user will see the image in its full size.
Let's say you are working on a topic that looks like this, with a large image in the middle of the content:
Suppose that, in the Flare output, you want the end user to see this image as a small thumbnail. Furthermore, if the end user hovers over the image, it will be shown at its full size.
To begin, you right-click on the image and choose Image Properties. This opens the Image Properties dialog. You can set the properties on the Thumbnail tab.
Afterward, both in the editor and in the Flare output that the author generates, the topic looks like this, with the image shown as a thumbnail:
Complete one of the following sets of steps, depending on whether you want to use the Simplified view or Advanced view in the Stylesheet Editor:
Simplified The Simplified view displays styles in a grid view and is often best for brand new users.More Information
This view provides an easy way to apply properties to styles, with format options available from a toolbar and dialogs (similar to the way one would use an interface such as Microsoft Word). In some cases, only the most common property options are available in the Simplified view (e.g., font, letter/word spacing, paragraph alignment/indentation, autonumbering format, borders, background). One advantage of the Simplified view is that you can apply a property to multiple styles at the same time. You can also click a check box to hide the properties in the editor, allowing you to see only the styles.
Advanced The Advanced view displays styles in a tree structure, and despite the name, is user friendly for authors of all levels.More Information
For the properties, you can toggle between a grouped display and an alphabetical display. The Advanced view of the Stylesheet Editor allows you to edit more settings than are available in the Simplified view. In addition, the Advanced view lets you see and apply settings to multiple mediums and media queries at the same time.
Warning: From the Medium drop-down in the Stylesheet Editor, make sure the proper medium is selected before you begin. In the Advanced view, you can open multiple mediums at once; you just need to look at the title at the top of the medium pane and make sure you are working in the correct one. If you are not using stylesheet mediums for your different outputs or if you want all mediums to have the same settings, just leave the medium set to default and continue. Please note that Contributor remembers the last medium that you used when working in the stylesheet, so it may or may not be the one that you want to use the next time around.
- Open the
document or topic.
- Right-click on the image.
- From the context menu, select Image Properties. The Image Properties dialog opens.
- Select the Thumbnail tab.
- In the area on the left, select one of the options.
- Mouse Over The end user can see the image in its full size by hovering the mouse over the thumbnail. As a result, the full size of the image will be shown in a popup window.
- Hyperlink The end user can see the image in its full size by clicking the thumbnail. As a result, the full size of the image will be shown.
- Popup The end user can see the image in its full size by clicking the thumbnail. As a result, the full size of the image will be shown in a popup window.
Note: If you select None, the image will not be shown as a thumbnail. If you select Inherit, the image will use whatever thumbnail settings are applied to the parent <img> tag.
If you want to set a maximum width or height for thumbnail images, complete the Max Width or Max Height fields. You probably only need to complete one of these areas.
The default setting is to show images as thumbnails if they are more than 48 pixels high. If that is the case, the image will be resized in the output to be 48 pixels high, and the width will be adjusted accordingly. The image will be shown in its full size when the user performs one of the actions you specified in the previous step.
If you want to change either the maximum width or height settings, first click in the upper-right drop-down and select Length. Enter a number in the field and use the down arrow in the lower-right corner to select a unit of measurement.
See About Units of Measurement.
- Click OK.
- Click to save your work.