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. Height and width of the graphic can be specified using the properties height and width. The graphic is displayed without borders.

If the properties isDecorative and label have not been set, the property tooltip is checked during the design time to ensure Accessibility.

 

Runtime Class

CL_WD_IMAGE

 

Properties in the View Designer

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	No
adjustImageSize	WDY_BOOLEAN	false	Yes
border	I	0	Yes
enabled	WDY_BOOLEAN	true	Yes
height	STRING		Yes
isDecorative	WDY_BOOLEAN	false	Yes
source	STRING		Yes
tooltip	Text		Yes
visible	WDUI_VISIBILITY	visible	Yes
width	STRING		Yes

 

Aggregations in the View Designer

Name	Cardinality	Type
MENU	0..1	Menu

Further properties that can be inherited are defined in the associated higher-level class.  The associated interface elements are:

●      UIElement

●      ViewElement

Dynamic Programming

For dynamic programming the same properties, events, and aggregations are provided in the View Designer. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
adjustImageSize	ADJUST_IMAGE_SIZE	WDY_BOOLEAN
border	BORDER	I
enabled	ENABLED	WDY_BOOLEAN
height	HEIGHT	STRING
isDecorative	IS_DECORATIVE	WDY_BOOLEAN
source	SOURCE	STRING
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_IMAGE=>E_VISIBLE-NONE
visible: visible	CL_WD_IMAGE=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

 

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
MENU	MENU	0..1

Example

You can find examples in the system in the Web Dynpro application, WDR_TEST_UI_ELEMENTS.