Opacity (Property)

WINDEV, WEBDEV AND WINDEV MOBILE
ONLINE HELP

Version:

Home | Sign in | English

Help

Limit: operating system and video card
Limit: types of windows
Opacity of Action Bar
Limit: types of controls

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Properties associated with the windows, the pages and the controls

Opacity (Property)

In french: Opacité

..Opacity is used to find out and define the percentage of opacity for a window or for the controls found in a window or in a page. This gives you the ability to make a window transparent (or a control found in a window or in a page).

Remarks:

This property can also be applied to a page control.
This property may not be supported by the former browsers (Internet Explorer 5.5 and earlier, ...).
For a Color variable, the opacity value is not included between 0 and 100 but between 0 and 255.

Versions 21 and later

This property is now available for iPhone/iPad applications.

This property is now available for Android applications.

This property is now available in Universal Windows 10 App mode.

New in version 21

This property is now available for iPhone/iPad applications.

This property is now available for Android applications.

This property is now available in Universal Windows 10 App mode.

This property is now available for iPhone/iPad applications.

This property is now available for Android applications.

This property is now available in Universal Windows 10 App mode.

Example

// Make the window invisible little by little (fade out)
i is int
FOR i = 1 TO 100
WIN_EditWindow..Opacity = 100 - i
END
Close()

Syntax

Finding out the percentage of opacity applied to a window or to a control (found in a window or in a page) Hide the details

<Percentage of opacity> = <Element used>..Opacity

<Percentage of opacity>: Integer

Percentage of opacity for the specified element (window or control). This percentage is included between 0 (invisible window) and 100 (opaque window).

<Element used>: Name of window, control or group of controls

Name of element to use:
Window name,
Not supported.
Name of control,
Versions 20 and later
Name of group of controls.
New in version 20
Name of group of controls.
Name of group of controls.

Modifying the percentage of opacity applied to a window or to a control (found in a window or in a page) Hide the details

<Element used>..Opacity = <Percentage of opacity>

<Element used>: Name of window, control or group of controls

Name of element to use:
Window name,
Not supported.
Name of control,
Versions 20 and later
Name of group of controls.
New in version 20
Name of group of controls.
Name of group of controls.

<Percentage of opacity>: Integer

New percentage of opacity that will be applied to the specified element (window or control). This percentage is included between 0 (invisible window) and 100 (opaque window).

Remarks

Limit: operating system and video card

..Opacity can only be used on the following systems:

Windows 2000.
Windows XP.
Windows 2003.

It has no effect in Windows 98, Me and NT 4.0.

..Opacity can only be used on the systems later than Windows 7.

..Opacity has not effect if the transparency effect is not supported by the video card.

Limit: types of windows

The Windows system cannot be used to manage the opacity of the MDI Child windows.

Versions 21 and later

Opacity of Action Bar

To manage the opacity of the Action Bar:

Open the description window of the Action Bar control.
In the "Details" tab:
- Check "Make the bar background transparent".
- Specify which bars are taken into account: "Action Bar" or "Action Bar and system bar".
Validate.
The Action Bar is transparent. The opacity of the Action Bar can be modified with ..Opacity.

See Describing the Action Bar control for more details.

New in version 21

Opacity of Action Bar

To manage the opacity of the Action Bar:

Open the description window of the Action Bar control.
In the "Details" tab:
- Check "Make the bar background transparent".
- Specify which bars are taken into account: "Action Bar" or "Action Bar and system bar".
Validate.
The Action Bar is transparent. The opacity of the Action Bar can be modified with ..Opacity.

See Describing the Action Bar control for more details.

Opacity of Action Bar

To manage the opacity of the Action Bar:

Open the description window of the Action Bar control.
In the "Details" tab:
- Check "Make the bar background transparent".
- Specify which bars are taken into account: "Action Bar" or "Action Bar and system bar".
Validate.
The Action Bar is transparent. The opacity of the Action Bar can be modified with ..Opacity.

See Describing the Action Bar control for more details.

Limit: types of controls

..Opacity is available for the following controls:

Edit control,
Static,
Button,
Check Box,
Radio Button,
List box, combo box,
ListView,
Image,
Table, treeview table,
Table cell (in read-only),
Progress Bar,
Scrollbar,
TreeView,
Drawing,
Splitter,
Carousel,
Formatted display control,
HTML control,
Link control,
HTML static,
Pager,
Image (clickable or not),
Breadcrumb,
Thumbnail,
iFrame,
Chart,
Supercontrol,
Versions 17 and later
Rating.
New in version 17
Rating.
Rating.
Versions 19 and later
Dashboard.
New in version 19
Dashboard.
Dashboard.
Versions 20 and later
Group of controls.
New in version 20
Group of controls.
Group of controls.
Versions 21 and later
Action Bar control.
New in version 21
Action Bar control.
Action Bar control.

Related Examples:

Unit examples (WEBDEV): Opacity property

[ + ] This example presents the use of the..Opacity property by programming on a cell.
The cell contains a virtual keyboard used to enter a password.

Unit examples (WINDEV): Transparency on the controls

[ + ] Using the transparency on controls.

Unit examples (WINDEV): Transparency on a window

[ + ] Using the transparency of windows

Complete examples (WINDEV): WD Magnifier

[ + ] This example enables you to zoom part of the screen with a magnifier.
The maximum zoom value is set to 8.
Summary of the example supplied with WINDEV:
The WLanguge function named dCopyBlt() and the WLanguage property named ..Opacity allow you to perform a capture of the Windows desktop at the location of a window without this window appearing in the screen shot.
This example uses this tip to zoom the part of the screen found below the magnifier.