Adding an image

Add an image to an entry in an HCL Connections™ application.

Supported image files

You can add any image file format that is supported by your browser. The most widely supported image formats are BMP, GIF, JPG, JPEG, PNG, and RAW

Note: This function differs across applications. In most applications, for example, it is not possible to upload an image from your computer, paste an image, nor use an attached image that you already uploaded. Those abilities are supported in Blogs, Forums, and Wikis only. Moreover, pasting an image is supported in the Chrome, Firefox, and Safari browsers only; it is not supported in Internet Explorer.

Insert an image

  1. Create or edit a blog entry or a wiki page.
  2. In the Entry field, place the cursor where you want the image to be displayed.
  3. Click the Insert Image icon in the editor toolbar.
  4. Enter the following information about the image:
    URL
    The URL where the image file is located. If the image is on an external server, use the full address; for example: http://example.com/image.png. If the image is on the same server as the IBM® Connections application, use a relative path; for example: /images/image.png.
    Alternative text
    Add descriptive text about the image to make it accessible to visually impaired users.
    Width
    Width of the image in pixels.
    Height
    Height of the image in pixels.
    Horizontal space
    Horizontal margin, in pixels, between the image and adjacent objects.
    Vertical space
    Vertical margin, in pixels, between the image and adjacent objects.
    Align
    The alignment of the image. For example: Left-aligned or right-aligned.
    Border
    Size of the border around the image in pixels.
    Preview
    A view of the image that uses the attributes that you selected.
  5. Click the Link tab to assign a link to the inserted image:
    URL
    The web address that the image points to. If the image is on an external server, use the full address; for example: http://example.com/page1.html, but not www.example.com/page1.html. If the image is on the same server as the IBM® Connections application, use a relative path; for example: /page1.html.
    Target
    Specify whether the link opens in a new window, the topmost window, the same window, or the parent window. For more information, go to the HTML <a> target Attribute webpage.
  6. Click OK to add the image to the entry.

Paste an image

  1. Create or edit a blog entry or a wiki page.
  2. In the Entry field, place the cursor where you want the image to be displayed.
  3. Add an image by using one of the following methods:
    • Paste an image that you copied to your clipboard.
    • Drag an image file from your local file system or drag an image from a webpage.
  4. Save the entry.