• Clipart: images with 1 or more states that can be used for images, buttons, ...
• Splash Screen, advanced Splash Screen,
• Shapes,
• GIF animations,
• Banner, Backgrounds of windows,
• Powered by,
• Border,
• Bullets, Graphic buttons,
• Custom images,
• Images used to customize the style of the different controls (tabs, table columns, ...)

• from the code editor. Indeed, when typing functions that handle images, the "<Image catalog>" option is automatically proposed by the assisted input.
• via the "Image catalog" pane.

Performing a search in the image catalog

In simplified mode, simply enter the search keyword the launch the search using the magnifier. For example:

1. Specify the search parameters:
   • keyword: The keyword is used to perform a search among the cliparts. The keyword is searched among the keywords associated with the cliparts. The name of sought file can also be typed directly.
   • theme: The choice of a theme allows you to view all the graphic elements that use the same graphic style. Several themes are available.
   • image type: Clipart, Splash screen, ...
2. If you have entered a keyword, start the search using the button. The images corresponding to the selected criteria are displayed.

Associating an image found in the catalog with the current element

1. In the description window of current element, click the button and select "Catalog". Remark: The images proposed by the image catalog are adapted to the current control. For example, if the image catalog is displayed from the description of a button border, only the images of button borders will be proposed by default.
2. Search for the requested image if necessary.
3. Select the image.
4. Double-click this image.
   
5. The window for configuring the image is displayed:
   
6. Specify:
   • The name of image to generate
   • The format to generate: bmp, gif, jpg, png, svg, ico, ...
     The svg format is now available for most of the cliparts.
   • The number of image states (for the cliparts).
   • The characteristics of generated image:
     • colors: You can:
       • use the default colors available in the image catalog.
       • use HSL colors. In this case, you can change the Hue, Saturation and Lightness of the image.
       • colorize the image (especially for monochrome images). A color picker allows you to define the color and threshold used (saturation).
     • rotation,
     • symmetry,
     • background color and transparency level of background color,
     • image opacity: the pixels with a value less than the defined level will be completely transparent.
   • The image size.
   • Whether you want to generate an animation (only if the current element corresponds to the background image of a button).
   • Whether you want to store the parameters for the next image selected from the catalog.
7. Validate. The image is automatically copied into the project directory and associated with the current element.

New in version 28
The "Edit image" button also allows you to open and edit the image in a new view of the editor. You can move this view and take advantage of all the options of the image editor.

Remark: If the element requires an image per DPI, all the necessary images are created, copied into the project directory and associated with the current element. For more details, see Android/iOS: Providing an image per DPI.

Displaying custom images

1. Open the image catalog in full mode if necessary.
2. Click "Custom images".
3. To add an image, click "Add".
4. In the "Image" tab, select the requested image file. Specify the name of the image and its description.
5. In the "Keywords" tab, specify the keywords linked to the image. These keywords can be chosen among the existing keywords or they can be created.
6. Validate. Your image is automatically added to the custom images. It will be taken into account by the next searches.

• It is also possible to modify the characteristics of a custom image or to delete a custom image.
• The custom images are referenced in the Control Center database. These images will be kept when changing computer or when changing the version of WINDEV, WEBDEV or WINDEV Mobile. For more details, see Database of Control Centers.

Format of images

Only GIF, BMP, JPEG and PNG images are available.

Caution: PNG images (24 bits) require a proper configuration of the end-user computer (slower display).

The graphic buttons

The bullets