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.
When using an Image UI element, you should always add a label to ensure accessibility.
● 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.
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 |
The inherited enabled property is ignored and does not affect the browser.