UI Effects allow you to add special effects to events which occur during a component's lifecycle.    The following types of effects are defined for almost all elements (all may not be applicable to a specific element):

• Creation Complete Effect - Specifies the effect applied to the element upon its creation.
• Show Effect - Specifies the effect applied to the element when it is revealed/showed (made visible by setting visible to true).
• Hide Effect - Specifies the effect applied to the element when it is hidden (visible set to false).
• Move Effect - Specifies the effect applied to the element when it is repositioned / moved.
• Resize Effect - Specifies the effect applied to the element when it is resized (when its dimensions change).

Effects are applied using the Effects section of the Properties Panel:

To apply an effect, you must first define an effect to use.   This is done through the Effect Editor, accessed through the 'Edit Effects...' button.    Once you have defined an effect, select its ID value from the appropriate dropdown menu.    

Using the Effect Editor

Usage of the Effect Editor is covered in the Using the Effect Editor subtopic.