BackgroundColor (Property)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Background color of an Edit control
Background color of a List Box or Combo Box control
Background color of the window
Background color of a Static control
Background color of a Button control
Background color in a Radio Button or Check Box control
Background color of a ListView control
Background color of a TreeView control
Background color of a Table control or a cell, column or row in a Table control
Background color of a cell
Background color of a Tab control
Background color of a Sidebar control
Background color of a Scrollbar or Spin control
Limits

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

BackgroundColor (Property)

In french: CouleurFond

Warning
From version 24, BrushColor is kept for backward compatibility. This property is replaced by BackgroundColor.

..BackgroundColor is used to find out and modify the background color of:

a control.
a window.
a page.
a report block.
Versions 16 and later
a caption of a menu option.
New in version 16
a caption of a menu option.
a caption of a menu option.

Remark: The effects of ..BackgroundColor depend on the type of control (see "Remarks" for more details).

Versions 15 and later

This property is now available for Android applications.

New in version 15

This property is now available for Android applications.

Versions 17 and later

This property is now available for iPhone/iPad applications.

New in version 17

This property is now available for iPhone/iPad applications.

Versions 18 and later

This property is now available in Windows Store apps mode.

This property is now available for report controls or blocks in iPhone/iPad applications.

This property is now available in Android Widget mode.

New in version 18

This property is now available in Windows Store apps mode.

This property is now available for report controls or blocks in iPhone/iPad applications.

This property is now available in Android Widget mode.

This property is now available in Windows Store apps mode.

This property is now available for report controls or blocks in iPhone/iPad applications.

This property is now available in Android Widget mode.

Versions 19 and later

This function is now available in browser code for Table controls in browser mode.

New in version 19

This function is now available in browser code for Table controls in browser mode.

Versions 20 and later

This property is now available for Table controls and table columns in Android and iPhone/iPad applications.

New in version 20

This property is now available for Table controls and table columns in Android and iPhone/iPad applications.

Versions 21 and later

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

This property is now available in Apple Watch mode.

New in version 21

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

This property is now available in Apple Watch mode.

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

This property is now available in Apple Watch mode.

Example

// The background color is modified according to the displayed value
IF EDT_Total > 15000 THEN
EDT_Total..BackgroundColor = LightRed
END

Syntax

Finding out the background color Hide the details

<Background color> = <Element used>..BackgroundColor

<Background color>: Integer or constant

Color of specified element. Corresponds to one of the following options:
an RGB color (returned by RGB),
a preset color.
The color is returned in the format of a character string by the browser.

<Element used>: Type of element

Name of element to use: control, window, page or report block.

Modifying the background color Hide the details

<Element used>..BackgroundColor = <New color>

<Element used>: Type of element

Name of element to use: control, window, page or report block.

<New color>: Integer or constant

New color for the specified element. Corresponds to one of the following options:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color.

Remarks

Background color of an Edit control

..BackgroundColor is used to find out and modify the background color of the text typed.

Background color of a List Box or Combo Box control

..BackgroundColor is used to find out and modify the background color of:

All the options of the control.
A single option.
This feature is not available in WEBDEV.

To find out or modify the background color of an option found in the List Box control, use the following syntax to identify the element of the List Box control:

NameListBoxControl[RowNum]

For example, the following code is used to modify the background color of the second row in the List Box control:

LIST_List1[2]..BackgroundColor = LightGreen

Caution: In List Box controls, the new color is kept for the visible rows only.

Background color of the window

If the window is not an "MDI parent" window, ..BackgroundColor is used to find out and modify the background color of the client area of the window.

Background color of a Static control

..BackgroundColor is used to find out and modify the background color of the text displayed a Static control.

Background color of a Button control

..BackgroundColor is used to modify the background color of a Button control.

Background color in a Radio Button or Check Box control

..BackgroundColor is used to find out and modify the background color of a Radio Button or Check Box control.

Background color of a Radio Button control

Background color of a ListView control

..BackgroundColor is used to find out and modify the background color of:

All the options of the ListView control.
A single option.

To find out or modify only the background color of an option in a ListView control, simply use the following syntax to specify the element:

NameListViewControl[RowNum]

Example: the following code is used to modify the background color of the second row in the ListView control:

LSI_ImageList1[2]..BackgroundColor = LightGreen

Background color of a TreeView control

..BackgroundColor is used to find out and modify the background color of:

All the options of the TreeView control.
A single option.

To find out or modify the background color of an option in the TreeView control, use the following syntax to identify the element in the TreeView control:

TreeViewName[RowNum]

Example: the following code is used to modify the background color of the second row:

TREE_Treeview1[2]..BackgroundColor = LightGreen

Background color of a Table control or a cell, column or row in a Table control

Used on the entire Table control, ..BackgroundColor allows you to:

Delete the colors specific to the cells and columns via the following syntax:

<Name of Table control>..BackgroundColor = DefaultColor
Modify the background color of all columns in the Table control (especially the uncolored columns and cells). For example, the following code is used color all the columns in blue:

<Name of Table control>..BackgroundColor = DarkBlue

This property is also used to find out and modify the background color of a cell in a Table control. The following syntax must be used to identify the cell:

NameTableControl[RowNum][ColumnNum]

Example: The following code is used to modify the background color of the cell found in first row, second column.

TABLE_Table1[1][2]..BackgroundColor = DarkBlue

Background color of a Table control cell

Caution: To keep the background color when selecting a row in a browsing Table control, ..BackgroundColor must be used in the process named "Selecting a table row".

Remark: To modify the style of the background color in a cell, column or row in a Table or TreeView Table control, use ..BrushStyle.

Versions 19 and later

..BackgroundColor is available in browser code only for browser Table controls on:

Rows of the Table control (browser).
Columns of the Table control (browser).
Cells of the Table control (browser).

This property is not available in browser code for classic or Ajax Table controls.

New in version 19

..BackgroundColor is available in browser code only for browser Table controls on:

Rows of the Table control (browser).
Columns of the Table control (browser).
Cells of the Table control (browser).

This property is not available in browser code for classic or Ajax Table controls.

..BackgroundColor is available in browser code only for browser Table controls on:

Rows of the Table control (browser).
Columns of the Table control (browser).
Cells of the Table control (browser).

This property is not available in browser code for classic or Ajax Table controls.

Background color of a cell

..BackgroundColor is used to find out and modify the background color of the cells found in the WEBDEV pages.

Background color of a Tab control

For the Tab controls:

..Color is used to find out and modify the background color of tab panes.
..BackgroundColor is used to find out and modify the background color of Tab control (background color that appears behind the tab panes).

..BackgroundColor applied to the tab panes is used to find out and modify the background color of the tab pane.

Background color of a Sidebar control

..BackgroundColor is used to find out and modify the background color of the Sidebar control. ..Color is used to find out and modify the background color of sidebar panes.

Background color of a Scrollbar or Spin control

..BackgroundColor is used to modify the background color of a Scrollbar control (color used in the bar of the scrollbar).

Limits

Limitations on report controls
..BackgroundColor has no effect on:

the reports (as a whole).
the Internal Report controls.
Versions 21 and later
Signature controls.
New in version 21
Signature controls.
Signature controls.

Limitations on controls in WINDEV windows
..BackgroundColor has no effect on the following controls:

HTML controls,
Web Camera controls,
Slider controls.

Limits for the controls of WINDEV Mobile windows
..BackgroundColor has no effect on the following controls:

supercontrols,
Slider controls.
the entire TreeView control.

Limits for the page controls
..BackgroundColor has no effect on the elements found in a List Box or Combo Box control.

In browser code, ..BackgroundColor operates on the following controls:

edit controls,
the List Box controls and the elements of a List Box control,
the Combo Box controls and the elements of a Combo Box control,
the rows of aTable control,
Static and HTML Static controls.
3-state Button controls.
the Check Box and Radio Button controls.
Image controls, Clickable Image controls.
the "Formatted display" controls.
the Link controls.
HTML controls.
cells.
the Thumbnail controls.
the iFrame controls.
Versions 19 and later
the rows of the browser Table control.
New in version 19
the rows of the browser Table control.
the rows of the browser Table control.
Versions 19 and later
the columns of the browser Table control.
New in version 19
the columns of the browser Table control.
the columns of the browser Table control.
Versions 19 and later
the cells of the browser Table control.
New in version 19
the cells of the browser Table control.
the cells of the browser Table control.

..BackgroundColor also operates on the pages.

..BackgroundColor only applies to the following elements:

Button control.
Static control.
Edit control.
Image control.
Check Box control.
Radio Button control.
List Box control.
Combo Box control.
TreeView control.
Tab control.
Window.
Table control.
Column of Table control.

..BackgroundColor only applies to the following elements:

Button control.
Static control.
Image control.
Window.