Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Pivot Grid
  [Collapse]Tree List
   [Expand]Product Information
   [Collapse]Feature Center
    [Expand]Data Binding
    [Expand]Nodes
    [Expand]Data Editing
    [Expand]Data Representation
    [Expand]Sorting
    [Expand]Filtering
    [Expand]Summaries
    [Collapse]Appearances and Look And Feel
     [Collapse]Alpha Blending
       Implement Alpha Blending by Customizing Appearances
       Implement Alpha Blending via Custom Painting
     [Expand]Appearances
     [Expand]Custom Drawing
      Skins and LookAndFeel
    [Expand]Focus, Selection and Navigation
     Formatting Cell Values
    [Expand]Miscellaneous
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]End User Capabilities
   [Expand]Member Tables
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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.

How would you rate this topic?​​​​​​​