Image Selector

This dialog box is accessible through the Image property of certain designer controls, such as the following:

Button (Advanced Properties> Image)
DataGridView (Properties> Image Field Type> Image Value)
Expand Text (Advanced Properties> ImageID)
GroupBox (Advanced Properties> Image)
Image (Properties)
Panel (Advanced Properties> Image)
TabControl (Tab Advanced Properties> Image)

It allows you to a select an image using one of the methods available in its 2 tabs:

Image tab

This tab provides access to the Infinity Image Library. Choose an image Category and then select an image of that category to view it on the right dialog panel. The following action icons are also available there:

Icon	Description
	Add a new image by providing its parameters. Description: A descriptive text for the new image Category: The category the new image will belong to Add Category: Allows you to add a new category by typing its name in the 'Category' field. Image: Click the "No image selected" area to select the image to add. Click the icon to add the image to the Image Library.
	Three (3) options for modifying the background of the image
	Fits the displayed image in the available space
	Displays the image in its normal size (default)

Click the icon to add the image to the screen control.

Resource tab

This tab provides access to a local image repository which also provides basic colour editing capabilities.

The following options are available:

Search: Typing a text in that field and pressing the <Enter> key returns the images that contain that text to their filename to the 'Image View Mode' panel
Resource Files: Select one of the locally available image resource files
Categories: Select a category for the selected Resource File
Image View Mode: Displays the existing images for the selected Category for selecting one of them
Preview: You can edit the Hue, Saturation and Luminance of the selected image by configuring their values using either the sliders or the text boxes. To the left of the section you can see a real-time preview of the modified image.

Note: Clicking the details icon on the top-right of the section changes the view of the images displaying all their filenames along with their icons.
Image Code: As you modify the sliders in the 'Preview' section this field displays dynamically the modified filename of the image including the Hue, Saturation and Luminance values in the following format: <image name>~<Hue value>~<Saturation value>~<Luminance value>.

Tip: Using the Image Code of an altered image you can reuse the same image with the same modifications by entering that code directly to the text field of a control's image property without navigating again through the dialog form.