Show TOC Start of Content Area

Object documentation Image This graphic is explained in the accompanying text  Locate the document in its SAP Library structure

Definition

The UI element Image 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.

Use

When using an Image UI element, you should always add a label to ensure accessibility.

Description of Properties

      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 pixels.

      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, pixel, or percentage.

Properties Overview

Name

Interface

Type

Initial Value

Bindable

adjustImageSize

IWDImage

boolean

false

bindable

border

IWDImage

int

0

bindable

enabled

IWDUIElement

boolean

true

bindable

height

IWDImage

String (CSS size)

 

bindable

isDevorative

IWDImage

boolean

false

bindable

isDragHandle

IWDImage

boolean

false

not bindable

source

IWDImage

String

 

bindable

tooltip

IWDUIElement

String (TranslatableText)

 

bindable

visible

IWDUIElement

Visibility

visible

bindable

width

IWDImage

String (CSS size)

 

bindable

Note

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

 

End of Content Area