PhaseIndicator 

Similar to the RoadMap UI element, the PhaseIndicator UI element displays the steps in a wizard. Each step is represented by a separate Phase object. As opposed to using the RoadMap UI element, the application development can display larger steps using the PhaseIndicator UI element which may require more time by the user.

Example of the Visual Display

To enable the development of accessible applications, the accessibilityDescription property is checked during the syntax check if the tooltip property is not set.

 

Runtime Class

CL_WD_PHASE_INDICATOR

 

Properties in View Designer

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	no
accessibilityDescription	Translatable text		yes
backgroundDesign	WDUI_PHASE_IND_BGD_DESIGN	emphasized	yes
enabled	WDY_BOOLEAN	true	yes
firstVisiblePhase	STRING		yes
selectedPhase	STRING		yes
tooltip	Translatable text		yes
visible	WDUI_VISIBILITY	visible	yes

 

Aggregations in View Designer

Name	Cardinality	Type
Phase	0..n	Phase

 

Events in View Designer

Name

onSelect

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:

●        UIElement

●        ViewElement

Dynamic Programming

For dynamic programming, the same properties, events and aggregations are available as in the view designer. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
accessibilityDescription	ACCESSIBILITY_DESCR	WDY_MD_TRANSLATABLE_TEXT
backgroundDesign	BACKGROUND_DESIGN	WDUI_PHASE_IND_BGD_DESIGN
backgroundDesign: emphasized	CL_WD_PHASE_INDICATOR=>E_BACKGROUND_DESIGN-EMPHASIZED
backgroundDesign: transparent	CL_WD_PHASE_INDICATOR=>E_BACKGROUND_DESIGN-TRANSPARENT
enabled	ENABLED	WDY_BOOLEAN
firstVisiblePhase	FIRST_VISIBLE_PHASE	STRING
selectedPhase	SELECTED_PHASE	STRING
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_PHASE_INDICATOR=>E_VISIBLE-NONE
visible: visible	CL_WD_PHASE_INDICATOR=>E_VISIBLE-VISIBLE

 

Dynamic Programming of Events

View Designer Name	Runtime Name
onSelect	ON_SELECT

 

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
Phase	PHASES	0..n

Example

You can find examples of this interface element in the system in component DEMO_UIEL_STD_COMPLEX in Web Dynpro application demo_uiel_phase_indicator.