Show TOC

Background documentationImage Locate this document in the navigation structure

 

The UI element enables you to integrate graphics into the Web application in a format that is processed by the Web Server – for example, GIF, JPG, and PNG format. To specify the data source, use the source property. You can assign a popup menu to the image which is visible as a little triangle at the bottom right-hand edge when the user places the cursor on the image. It is recommended to always add a label to ensure accessibility. The element-specific properties are as following:

adjustImageSize

Specifies whether the size of the image is adjusted proportionally. If this property is set to false, the image will be displayed according to the specified height and width, without keeping the proportions.

alt

This property is deprecated. Use tooltip instead.

border

Specifies whether the graphic is displayed with a border.

height

Specifies the height of the graphic. You can specify the height in CSS units like em, ex or px.

isDecorative

Specifies whether an image serves for decorative purposes only. If it does not provide the user with any kind of information, set this property to true. When accessibility mode is active, this image will be ignored and removed from the tab sequence.

isDragHandle

Determines if this image can be used as a drag handle for runtime authoring. The innermost surrounding layout cell that is enabled to act as a drag source can then be grabbed by this handle. More information: Implementing Drag and Drop

source

Defines the path to the image source. More Information: Specifying the Image Source

width

Specifies the width of the graphic. You can specify the width in CSS units like em, ex, px, or percentage.

    Properties Overview

      Name

      Interface

      Type

      Initial Value

      Bindable

      adjustImageSize

      IWDImage

      boolean

      false

      yes

      border

      IWDImage

      int

      0

      yes

      enabled

      IWDUIElement

      boolean

      true

      yes

      height

      IWDImage

      String (CSS size)

      yes

      isDevorative

      IWDImage

      boolean

      false

      yes

      isDragHandle

      IWDImage

      boolean

      false

      no

      source

      IWDImage

      String

      yes

      tooltip

      IWDUIElement

      String (TranslatableText)

      yes

      visible

      IWDUIElement

      Visibility

      visible

      yes

      width

      IWDImage

      String (CSS size)

      yes

      The inherited enabled property is ignored and does not affect the browser.