ImageList (Image Collection)

This component is a library that stores a collection of images (icons) for use by other objects such as a TreeView.

How to Use

1. Add an ImageList object to the page.
2. Select the ImageList object and go to the Advanced panel.
3. Click the (Collection)… button next to the Images property.
4. The image collection editor will open. Click Add to upload your icons into the project (.jpeg, .png, .bmp, etc.).
5. You can now use this image list in another control. For example, add a TreeView object.
6. Select the TreeView and go to the Advanced panel.
7. Find the ImageList property and select the ImageList1 you created from the dropdown list.
8. After linking them, you can assign icons to the TreeView nodes from this list.

Advanced Panel Properties

• ImageSize: 16; 16
  Specifies the size to which all images in the list will be resized (e.g., 16×16 pixels).
• TransparentColor: Transparent
  If your images do not contain an alpha transparency channel (e.g., older .bmp files), you can select a specific color (e.g., magenta) to be treated as transparent.
• ColorDepth: Depth32Bit
  Defines the color quality of the images. Selecting 32-bit is recommended to ensure proper display of the alpha channels in modern .png icons.
• Images: (Collection)
  Opens the main collection editor where images are added and managed.