Image
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. The height and width of the graphic can be specified using the properties height and width. The graphic is displayed without borders.
| Runtime Class |
CL_WD_IMAGE |
Properties in View Designer
| Name | Type | Initial Value | Bindable |
|---|---|---|---|
|
STRING |
(automatic) |
No |
|
|
WDY_BOOLEAN |
false |
Yes |
|
|
I |
0 |
Yes |
|
|
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
No |
|
|
WDY_MD_UI_ELEMENT_REFERENCE |
|
No |
|
|
WDY_BOOLEAN |
true |
Yes |
|
|
STRING |
|
Yes |
|
|
WDY_BOOLEAN |
false |
Yes |
|
|
WDY_BOOLEAN |
false |
No |
|
|
STRING |
|
Yes |
|
| styleClassName | STRING | Yes | |
|
Translatable text |
|
Yes |
|
|
WDUI_VISIBILITY |
visible |
Yes |
|
|
STRING |
|
Yes |
Aggregations in the View Designer
| Name | Cardinality | Type |
|---|---|---|
|
0..1 |
||
|
0..1 |
Dynamic Programming
For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. But note that the spelling format and use of upper/lower case is different.
Dynamic Programming of Properties
| View Designer Name | Runtime Name | Type |
|---|---|---|
|
ADJUST_IMAGE_SIZE |
WDY_BOOLEAN |
|
|
BORDER |
I |
|
|
CONTEXT_MENU_BEHAVIOUR |
WDUI_CONTEXT_MENU_BEHAVIOUR |
|
|
contextMenuBehaviour: inherit |
CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT |
|
|
contextMenuBehaviour: provide |
CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE |
|
|
contextMenuBehaviour: suppress |
CL_WD_IMAGE=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS |
|
|
CONTEXT_MENU_ID |
WDY_MD_UI_ELEMENT_REFERENCE |
|
|
ENABLED |
WDY_BOOLEAN |
|
|
HEIGHT |
STRING |
|
|
IS_DECORATIVE |
WDY_BOOLEAN |
|
|
IS_DRAG_HANDLE |
WDY_BOOLEAN |
|
|
SOURCE |
STRING |
|
| styleClassName | STYLE_CLASS_NAME | STRING |
|
TOOLTIP |
WDY_MD_TRANSLATABLE_TEXT |
|
|
VISIBLE |
WDUI_VISIBILITY |
|
|
visible: none |
CL_WD_IMAGE=>E_VISIBLE-NONE |
|
|
visible: visible |
CL_WD_IMAGE=>E_VISIBLE-VISIBLE |
|
|
V_ALIGN |
WDUI_VALIGN |
|
|
vAlign: baseline |
CL_WD_IMAGE=>E_V_ALIGN-BASELINE |
|
|
vAlign: bottom |
CL_WD_IMAGE=>E_V_ALIGN-BOTTOM |
|
|
vAlign: middle |
CL_WD_IMAGE=>E_V_ALIGN-MIDDLE |
|
|
vAlign: top |
CL_WD_IMAGE=>E_V_ALIGN-TOP |
|
|
WIDTH |
STRING |
Dynamic Programming of Aggregations
| View Designer Name | Runtime Name | Cardinality |
|---|---|---|
|
DRAG_SOURCE_INFO |
0..1 |
|
|
MENU |
0..1 |
|
|
POPUP_BUBBLE |
0..1 |
Example
You can find examples in the system in the Web Dynpro application, WDR_TEST_UI_ELEMENTS.