cf2:ui.DynamicProperties#Displayed

Purpose

Determines whether a component is displayed or not. When the property is set to 'true', the component is in the displayed state. When the property is set to 'false', then the component is in the concealed state, i.e. it is not displayed.

Changes in the property can trigger appearance and disappearance effects. Effects are visual indicators that an element is changing from one state to another. Please note that the presence of an effect will delay the application of styles associated with the :mcs-concealed pseudo-class until after the disappearance effect has completed.

Note:

At present only the 'wipe(top)' effect is supported.

Exported Features

cf2:ui.DynamicProperties#Displayed

Imported Features

n/a

XDIME elements

The cf2:ui.DynamicProperties#Displayed dynamic property is supported on the following components:

Default state

The default state of the property is 'true', i.e. displayed.

Pseudo-classes

The :mcs-displayed pseudo-class corresponds to the displayed state; the :mcs-concealed pseudo-class corresponds to the concealed state.

Observable property

The observable property associated with cf2:ui.DynamicProperties#Displayed is called displayed.

Note:

To use the displayed observable property, you need to explicitly specify the initial-displayed-state attribute for the selected component.

Initial state attribute

The initial-displayed-state attribute specifies the initial state of the property.

Note:

The initial-displayed-state attribute is deprecated. Instead, the initial-state attribute should be used. Refer to the topic entitled Custom dynamic properties for further information.

Related topics