Style of windows: image and background color

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Overview
Background images of windows
Background image
Configuring the background images
Background color
Selecting the background color
Gradient background color

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Style of windows: image and background color

Overview

To optimize the style of your screens, WINDEV and WINDEV Mobile allow you to use:

images in your windows. These images are used as background image of the window. Your controls are displayed above this image.
background colors. Several standard colors can be used.

You also have the ability to build gradient background colors. These gradient colors can be used:

in window background,
in background color for the different window controls.

Remark: on windows with a clipped skin template, it is not possible to use the Windows Aero Snap feature.. Aero Snap imposes a standard resizable window.

Background images of windows

Background image

The following image formats are supported in Windows:

Bitmap (*.BMP)
Graphics Interchange Format (*.gif)
Joint Picture Experts Group (*.jpg ; *.jpeg)
Kodak Photo CD (*.pcd)
PaintBrush (*.pcx)
Adobe Photoshop Format (*.psd)
TrueVision TARGA (*.tga)
Tagged Image File Format (*.tif ; *.tiff)
Remark: the "tiled tiff" option of tiff 6.0 standard is not supported. In this case, we advise you to save the image in tiff 5.0 standard.
Portable Network Graphics (*.png)
Windows MetaFiles (*.emf ; *.wmf)
Icons (*.ico ; *.icw)
Versions 22 and later
Remarks:
- HQ display (High Quality) available.
- Management of sheets in transparent BMP format (32 bits).
New in version 22
Remarks:
- HQ display (High Quality) available.
- Management of sheets in transparent BMP format (32 bits).
Remarks:
- HQ display (High Quality) available.
- Management of sheets in transparent BMP format (32 bits).
Cursors (*.cur)
Portable Document Format (*.pdf)
Versions 15 and later
Scalable Vector Graphics (*.svg)
New in version 15
Scalable Vector Graphics (*.svg)
Scalable Vector Graphics (*.svg)
Versions 22 and later
WINDEV images (generated by the image editor, *.WDPIC).
New in version 22
WINDEV images (generated by the image editor, *.WDPIC).
WINDEV images (generated by the image editor, *.WDPIC).

The available formats are as follows:

Bitmap (*.gif)
Graphics Interchange Format (*.gif)
Joint Picture Experts Group (*.jpg ; *.jpeg)
Portable Network Graphics (*.png)
Icons (*.ico)
WINDEV images (generated by the image editor, *.WDPIC).

Example:

Remark: To customize your windows, you also have the ability to use a skin template. A skin template corresponds to a preset interface. See Skin template for more details.

Configuring the background images

The settings are defined in the "Image" tab of the window description.

To select the Background image, click on the Drop-down button

button of the control "Image of Background".:

The "Browse" option is used to select an image file accessible from your computer.
The "Catalog" option is used to select an image in the image catalog.

Remark: You can also Drag and Drop the image file found in the explorer toward the WINDEV or WINDEV Mobile window.

The options available for the image are:


Multilingual management
Display mode
Position
Transparency
Symmetry	This option is not available.
9-slice scaling
Clipping a window according to the background image	This option is not available. Remark: You have the ability to clip a window according to the background image (using an image in PNG format).

Background color

Selecting the background color

To select the background color of a window:

Display the description window.
In the "Style" tab, open the "Background color" list. A list of available colors is displayed:
- Available colors:
- Available colors:
Select the requested background color.
Validate the description window.

Gradient background color

In the selection window of the background colors, several gradient background colors are proposed by default. The "Other gradients" option is used to display the window for configuring the gradient.

This window allows you to:

Select a gradient color proposed by default.
Modify one of the gradient colors proposed by default: you have the ability to configure the colors, the number of colors taken into account by the gradient and the angle of the gradient. Just use your creativity.

Remark: The gradient colors can also be used as background color for the controls: to do so, modify the background color of the external border of the control in the "Style" tab of the description window.