Show TOC

Allowing Authors to Insert ImagesLocate this document in the navigation structure

Use

You want to display a different image for each document (for example, a photo for each news item). Authors can select an image from a KM folder or upload a new image to the KM folder from their local PC when working in an Edit form.

Procedure
  1. Create a schema element with the Image data type

    For more information, see Defining the Data Types of Schema Elements .

  2. Create a browser control ( - Browser) with a reference to this schema element on the Edit form.

    Choose Thumbnail in the Action property of the control.

  3. Optional: Define the initial folder for the entry help.

    For more information, see Browser Control .

  4. Create an image control ( - Image ) with a reference to the same schema element in the display or list form.

    Choose Schema Reference in the Image URL property of the control.

    Note

    The system saves the path to the image in the repository (for example, /documents/Images/logo.gif ) in the XML file. When it needs to display the image, the system makes this path into a complete URL. The schema element must have Image as its data type.

    You can specify a complete URL for an image instead of selecting an image using input help. If you choose this option, the schema element must have String as the data type.

  5. Optional: To improve performance - especially in lists - you can display thumbnails instead of original images.

    Thanks to the smaller file size of thumbnails, the browser is able to load the page more quickly through the network.

    Use the Thumbnail Width property of the image control to set the required width of thumbnails in pixels. We recommend specifying the same value as you entered for the Width property of the image control.

Displaying Thumbnails for Images

To improve performance - especially in lists - you can display thumbnails instead of original images. Thanks to the smaller file size of thumbnails, the browser is able to load the page more quickly through the network.

Use the Thumbnail Width property of the image control to set the required width of thumbnails in pixels. We recommend specifying the same value as you entered for the Width property of the image control.