<< Click to Display Table of Contents >>

Navigation:  Reference > Workspace, Toolbars and Dialogs > The Write Tab > Insert / Insert Object >


This dialog contains all the options for inserting graphics in your topics. For detailed instructions see the Working with Graphics chapter. In addition to this also see the The Impict Screenshot Editor information on the screenshot enhancement and graphics editing program included with Help+Manual.

The Insert / Open Image dialog:


Dialog options:

Open file options:

The upper part of the window is a standard Windows file open dialog.

File name:

The image file you want to insert. You can select a file from the directory above with the mouse or type the filename here. You can also use wildcard characters (? and *) to filter the directory. For example typing *.jpg will only display the JPG files in the current folder and ???.gif will only display GIF files with 3-character names.

Files of type:

This drop-down list filters all the graphics file formats supported by Help+Manual. You can display all the supported files or only files of specific types.


This box displays a thumbnail preview of the currently selected graphics file and the dimensions of the file. Click on the thumbnail to display a full-size preview of the selected graphics file.

Picture ID:

Text you add here is inserted in the <img> tag as an ID attribute in HTML-based output formats. This is only relevant if you want to manipulate your HTML code manually and need to reference your images with ID attributes.

HTML Class:

Allows you to enter one or more HTML class names (separated by spaces) to be added to the class="" attribute of the <img> tag in HTML-based output. This is only needed if you plan to provide additional formatting for images with your own CSS code. Use with care – this can easily interfere with things like responsive images!


Text you enter here is added to the <img> tag as the ALT attribute in HTML-based output formats so that it will be displayed as a tooltip when the user positions the mouse over the image.

Note:        If you leave this field blank the image filename will be exported as the tooltip unless you turn this off in Configuration > Publishing Options > WebHelp / HTML Help > HTML Export Options.


These options define how the graphic will be aligned in your output. This works in all output formats (including PDF) and

With text
The default setting. Treats the graphic as though it is a character in the text. It flows with the text without any wrapping.

Left of text
Positions the graphic to the left of the text and wraps the text around it to the right.

Right of text
Positions the graphic to the right of the text and wraps the text around it to the left.

Note that the left/right of text formatting is not displayed in the editor. It is only shown in the output.

Left/right of text is an electronic help format feature. It is not supported in PDF or Word DOCX. Use tables to position graphics in these formats.


This defines an invisible margin around the edge of the graphic, between the graphic and text and any other objects on the page. Enter a value in pixels or click on BTN_Browse to set individual values for the sides of the image.

You can also enter individual values for each side of the image manually:

Padding setting



Sets the same padding value for all four sides of the image,.

10 15

Sets padding to 10 pixels for top and bottom and 15 pixels for left and right

10 25 15 5

Top: 10 pixels, Right: 25 pixels, Bottom: 5 pixels, Left: 15 pixels

Zoom %:

This setting allows you to resize graphics precisely by percent. It has the same effect as selecting the graphic in the editor and resizing it by dragging with the mouse.

Graphics resized with this method are not physically altered until you publish. When you publish to PDF the full original format is used so that you get better quality printing. In all other formats the graphics are physically scaled to the displayed size when you publish.

Zoom is proportional to document width:

Makes the image responsive in HTML-based output formats. The defined zoom size of the image will then be relative to the current page width. For example, 50% zoom will make the image 50% of the page width, with the height proportional to the width.

This setting is also used in eBooks, where it is recommended. Then your images will automatically scale relative to the size of the eBook reader screen.


Text displayed as a caption beneath the graphic. This text is always centered and automatically uses the standard style Image Caption. You can format it manually by selecting the graphic in the editor window and then selecting text formatting options.


Opens the Hotspot Editor, with which you can add clickable areas with hyperlinks to your graphics.