[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Collapse]Tree List
   [Expand]Product Information
   [Collapse]Feature Center
    [Expand]Data Binding
    [Expand]Data Editing
    [Expand]Data Presentation
    [Collapse]Appearances and Look And Feel
     [Collapse]Alpha Blending
       Implement Alpha Blending by Customizing Appearances
       Implement Alpha Blending via Custom Painting
     [Expand]Custom Drawing
      Skins and LookAndFeel
    [Expand]Focus, Selection and Navigation
     Formatting Cell Values
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]End User Capabilities
   [Expand]Member Tables
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Implement Alpha Blending by Customizing Appearances

You can assign transparency to Tree List elements via appearance properties provided by the Tree List control and its columns. These properties are:

When providing transparent or semi-transparent background colors for the Tree List rows, columns and/or empty area, an end-user will be able to see the control's background.

Expanded Example

  1. Assign a background image to the Tree List control from its BackgroundImage property:

  2. Invoke the Tree List Designer and switch to the Appearances page.

    Select the Empty item in the Appearances listbox and set the BackColor property to Transparent.

    The box in the bottom-right corner displays a preview of the appearance settings. Since a completely transparent background color is assigned to the visual element, the Preview box displays the previously assigned background image as is.

  3. Now select the Row item in the Appearances listbox, and set the BackColor property to a semi-transparent light-brown color, (e.g., "150, 209, 157, 139").

    In the Preview box, you can see the assigned background image overlaid with the specified color.

  4. Run the project and see the result:

The following is the runtime code for the design-time actions illustrated above.

Is this topic helpful?​​​​​​​