This documentation is for a prerelease version of O3DE. Click here to switch to the latest release, or select a version from the dropdown.

Version:

Icon of a magnifying glass.
  Edit on GitHub

UI Fader Component

You can use a Fader component to simultaneously adjust the transparency of an element and its children.

To view an example canvas in the UI Editor

  • Navigate to the \Gems\LyShineExamples\Assets\UI\Canvases\LyShineExamples\Comp\Fader directory.

You can open the following canvases:

  • AnimFade.uicanvas
  • DirectFade.uicanvas

To edit a fader component

  1. In the Properties pane of the UI Editor, expand Fader.

  2. For the Fade multiplier, use the slider to select a number between 0 (invisible) and 1 (opaque) and press Enter.