Skip to main content

TdxCustomFluentDesignForm.EnableAcrylicEffects Property

Specifies if acrylic effects are enabled for supported controls.

Declaration

property EnableAcrylicEffects: Boolean read; write;

Property Value

Type Description
Boolean

True if acrylic effects are enabled; otherwise, False.

Remarks

Acrylic is a semitransparent material that consists of five blended layers with individual noise effects and opacities. The material’s base color depends on the skin applied to the Fluent Design form. If the EnableAcrylicEffects property is set to True, the focused form applies acrylic effects to all controls that support them. The acrylic effects are disabled when an application loses focus.

The acrylic form background is a basic effect in the Fluent Design System, designed for use in navigation controls and non-content areas. Other Fluent Design effects are also unavailable if the acrylic effects are disabled.

Acrylic Effects Example

If a control does not support acrylic background, its draw routines can work incorrectly if the control is placed directly on a Fluent Design form whose EnableAcrylicEffects property is set to True. Use a TdxLayoutControl or TcxGroupBox component as a container for such controls and enable support for Windows 8 in an application manifest. In RAD Studio Berlin or newer, you can open Project | Options → Application → Manifest File and enable the AutoGenerate option. DevExpress Manifest is another option available for all supported IDE versions.

The DevExpress VCL Fluent Design application template creates a minimal application with all options required to use acrylic effects. Use the BackgroundBlur property to switch between effects applied to the form’s background.

Important

The acrylic effects are available only if the following conditions are met:

  • An application is running under Microsoft Windows® 10 Version 1803 (build 17064) or newer.
  • The form is not an MDI form and has no parent form.
  • The form is skinned (that is, has a TdxSkinController component whose NativeStyle and UseSkins properties are set to False and True, respectively).

The EnableAcrylicEffects property’s default value is True.

See Also