WINDEV Concepts

22 Part 1: Main concepts Image tab This tab allows you to define: • the window background image, • the image of the sizing handle, • the window icon. Languages tab This tab shows the languages supported by the window as well as the language displayed in the editor. You can add, change or remove languages. Notes tab The "Notes" tab allows you to describe the window. This information will be printed in the technical documentation of the project, window, etc.. Help tab The "Help" tab allows you to associate a context- sensitive file with the window. This help file contains the context-sensitive help pages displayed by each control. Style tab The "Style" tab allows you to define the window style: • Show the title bar. • Show icons. • Show the status bar, etc. 4 Window and image 4.1 Overview To customize the style of the windows in your applications, WINDEV allows you to use: • background colors. Several standard colors can be used. The background color is configured in the "Style" tab of the window description. • images. These images are used as the window background. The controls are displayed over the image. The background image can be set in the "Image" tab of the window. Remark : To customize your windows, you can also use a skin template or a window template. 4.2 Setting the background image The settings are defined in the "Image" tab of the window description. You can set the background image by selecting a file or by choosing an image from the image catalog. The main image formats that can be displayed are: BMP, JPEG, TIFF or GIF. You can also drag the image from the file explorer and drop it onto the WINDEV window. The options available for the image are: • Management of multilingual images. • Display mode. • Position. • Transparency. • Symmetry. • 9-slice scaling. • Clipping the window according to the background image. Management of multilingual images A different background image can be displayed according to the program runtime language. The display characteristics can be specific to each language. To define a multilingual background image : 1. Click the button to the right of the background image name. 2.  In the menu that appears, select "Multilingual". 3. Choose the appropriate image for each language defined in your window. 4. Validate. The "Multilingual Value" text appears in the background image field. Display mode An image can be displayed in a window according to several display modes. These display modes produce different results: • 100% : the image is displayed at 100% from the upper-left corner of the window. • 100% Centered : the image is displayed at 100% and is centered in the window. • Stretched : the image is stretched to occupy all the space in the window.