Add images to a document

Images from the Tangelo image library can be added to documents in two ways:

• As an in-text image within the document content
• As a page insert for full-page designed visuals such as covers, chapter dividers, or background pages

This article focuses on adding an in-text image using the editor.

By default, inserted images are placed inline within the text flow. Using the Properties panel, images can also be positioned at fixed locations on the page, resized, configured for specific output formats, or combined with text wrapping behavior to create more advanced layouts.

When using fixed positioning, keep in mind that images affect the page layout. For example, placing an image at the top left or top right of a page can cause other content — including section titles or paragraphs — to shift position on the page.

Summary

After completing these steps, an image from the image library is inserted into the document and configured for the required layout and output behavior.

Preconditions

• The image has already been uploaded to the Tangelo image library.
• The user has permission to use images from the selected image collection.

Steps

1. Open the document in the editor.
2. Click in the document where the image should be inserted.
3. Open the Insert menu.
4. Click Image.
5. Locate and select the required image.
6. Click the image to insert it into the document.
7. Select the inserted image in the editor.
8. Use the Properties panel to configure image settings.
   • Width
   • Positioning
   • Visibility per output format
   • Alignment
   • Other configured image properties
9. Save the document.

Expected Result

The image is inserted into the document and configured for the required layout and output formats.

Remarks

• Images are inserted inline within the text flow by default.
• Fixed image positioning can affect surrounding content and page layout.
• Positioning images at the top of a page may move section titles or other content.
• Background visuals or full-page designs are typically added using page inserts instead of standard images.
• The available properties depend on the configured image type and document template.
• Replacing an image in the image library automatically updates the image in connected documents.

Walkthrough

A visual step-by-step walkthrough is included below to guide you through inserting and configuring images in a document.