Adding Images

Images in PlanetPress Connect Designer are displayed using the <img> HTML Element, and all its applicable properties.

Images are divided into two types: Internal Images and External Images

Internal Image Resources

Internal images are image files that have been imported inside of the Template. These internal images are always available and are not dependant on external paths, servers or URLs.

To import an image resource:

• In the menu, click Insert, Image, From file...
  OR
  In the toolbar, click the Insert Image... button.
  OR
  From any Explorer window, drag the image directly into the Images folder of the Resources Pane.
• If clicking the menu or toolbar item, a standard File/Open dialog appears. Browse to the file to import and click Open.

To place an image resource on the page:

• Click and hold the mouse button on the image in the Resources Pane.
• Drag the image to the desired location or within the element desired.
• Release the mouse button.

External Image Resources

External images are image files that are located either on a hard drive accessible from the machine where the output from the template is produced, or on a specific website (URL). When external images are used, they are updated (retrieved) any time an output is produced from the template.

To add an external image resource:

• In the menu, click Insert, Image, From address...
  OR
• In the toolbar, click the Insert Image from address... button
• The Image from Address dialog appears. Enter the following information:
• • URL: The address where to access the file. This can either be a web address (http://www.mysite.com/images/image.jpg), or a local path (file:///c:/resources/images/image.jpg).
  • Alternate text: Text shown in the image position while the image is loaded or if the image is not found. This is also used for accessibility.
• Click Finish
• The image will be inserted at the current position of the cursor within the template.