Work with images and multimedia

In the Author toolbar, select Contents. The Contents panel opens.

Double-click a topic in the Contents panel to open it. Place the cursor at the location in which you want to insert an image.

In the standard toolbar at the top of the screen, click the Insert Image icon  to add an image.

In the Insert Image dialog box, select an image using one of the following options:

• Project Files Browse through the project files in the Contents or the Recently Used drop-down section.
• Local Files Browse through your computer or specify the path of the image file.
• Web Link Specify the URL of the image.

You can preview the selected image in the preview area of all three insert image options.

Click Insert. The selected image is added in the topic.

In an open topic, click the desired image.

On the right side of the screen, in the Properties panel > General tab, the Type field shows Img. Other fields in the panel display the properties of the image.

Use the following fields to modify the properties of the image:

• Source Displays the path of the folder from which the image was uploaded.
• Alternate Text Specify an alternate text for the image. Terms used in this field improve the searchability of the image.
• Image Title Specify a title for the image, which is displayed when you hover over the image.
• Width Specify the width of the image.
• Maintain aspect ratio icon By default, RoboHelp maintains the aspect ratio of an image. If you change one component (width/height) of the image, the other component (height/width) is automatically changed according to aspect ratio. To disable maintain aspect ratio, click the icon. 
• Height Specify the height of the image. 
• Reset to default icon Click to reset to the original height and width of the image.
• Text wrapping Click the Left or Right icons to choose the direction of alignment of the image with respect to text. The default is None.
• Use Thumbnail Select to use the image as a thumbnail in the output and specify its width and height.

For information about the drop-down sections in the General tab, see General tab in Properties panel.

In a topic, click the image on which you want to create an image map.

RoboHelp displays the Insert/Edit Image Map icon  in the standard toolbar. Click .

Alternatively, right-click the image and click Insert Image Map.

The Image Map dialog box appears displaying the selected image.

In the Image Map dialog box, click the icon corresponding to your preferred shape— for rectangle,  for circle, or  for polygon. 

Add a clickable area by drawing the shape on the image. RoboHelp displays the number and points (small white squares) for each area.

To further define the area, resize the shape by dragging-and-dropping a point or move the shape as required.

To insert a link against the area, click . The Link To dialog box opens with the Project Files option selected by default.

In the Link To dialog box, select the topic or specify the web page address to which you want to link the area. For information about the dialog box, see Step 3 in Insert a link.

In the Image Map dialog box, you can draw multiple areas by inserting multiple shapes. To verify the linked topic or web page, hover the cursor over an area. The shape is highlighted, and a tooltip displays the path.

If areas overlap, click a shape and then click one of the following icons to arrange its layering:

• To bring to the front of all shapes, click .
• To bring forward by one shape, click .
• To send backward by one shape, click .
• To send to the back of all shapes, click .

To delete an area, select the shape and click .

Click Done.

To modify an image map, right-click the image and click Edit Image Map or click  in the standard toolbar.

To remove an image map, right-click the image and click Remove Image Map.

To view the list of areas in the image map, click the image. In the Properties panel > General tab > Image Map drop-down section, the areas are listed. For each area, you can do the following:

• Modify the linked topic or webpage by clicking  against the area.
• Delete the area by clicking  against the area.

In the Author toolbar, select Contents. The Contents panel opens.

Double-click a topic in the Contents panel to open it. Place the cursor at the location in which you want to insert a video.

In the standard toolbar, select the Insert Multimedia icon  and one of the following options from the drop-down list:

• Video File To select a video from your computer.
• YouTube To select a YouTube video.
• Vimeo To select a Vimeo video.

In the Insert Multimedia dialog box, select a video using one of the following options:

• Project Files Browse through the project files in the Contents or the Recently Used drop-down section. Or, quickly search for a video by filename. RoboHelp searches for the specified filename in the Contents panel.
• Local Files Browse through your computer or specify the path of the video.
• Web Link Specify the URL of the video.

You can preview the selected video in the preview area of all three insert video options.

Click Insert. The selected video is added in the topic.

In the Author toolbar, select Contents. The Contents panel opens.

In the Contents panel, do one of the following to import a video in your project:

• Select the desired folder and choose File > Import > Adobe Captivate Demo.
• Right-click a folder or click  against it, and choose Import > Adobe Captivate Demo. 

In the Open dialog box, select the video you want to import. 

Adobe Captivate stores video output as a collection of files and folders. To automatically import all the associated files as a zipped file, select index.html or index.htm from the output folder. Or, you can select the .zip or .cpz file of the entire output folder. 

Click Open.

RoboHelp places the zipped video in .cpz format in alphabetical order of filenames in the folder.

To insert the imported video in your content, double-click a topic in the Contents panel. In the open topic, place the cursor at the location in which you want to insert the video.

In the standard toolbar, select the Insert Multimedia icon  and then select Adobe Captivate Demo from the drop-down list. 

In the standard toolbar, select the Insert Multimedia icon  and then select Adobe Captivate Demo from the drop-down list. In the Adobe Captivate Demo dialog box, from the Contents drop-down section, select the imported video. 

Before inserting the selected video, you can preview it in the Adobe Captivate Demo dialog box. Click Insert.

The video is inserted at the location of the cursor in the topic.

In the Author toolbar, select Contents. The Contents panel opens.

In the Contents panel, open the topic that contains the image or video you want to delete.

Select the desired image or video, and then press Delete.