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
Limitations

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.

The BackgroundColor property is used to get and change the background color of:

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

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

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 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 for report controls or blocks in iPhone/iPad applications.

This property is now available in Android Widget 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

Determining 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 the element to be used: 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 the element to be used: 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

The BackgroundColor property is used to get and change the background color of the text entered in a control.

Background color of a List Box or Combo Box control

The BackgroundColor property 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 a "MDI parent" window, the BackgroundColor property allows you to get and change the background color of the window's client area.

Background color of a Static control

The BackgroundColor property is used to get and change the background color of the text in a Static control.

Background color of a Button control

The BackgroundColor property is used to change the background color of a Button control.

Background color in a Radio Button or Check Box control

The BackgroundColor property is used to get and change the background color of a Radio Button or Check Box control.

Background color of a Radio Button control

Background color of a ListView control

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

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

To get or change 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

The BackgroundColor property 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, the BackgroundColor property 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, simply use the BackgroundColor property in the "Selecting a row" process.

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

Versions 19 and later

The BackgroundColor property is available in browser code only for Table controls in browser mode 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

The BackgroundColor property is available in browser code only for Table controls in browser mode 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.

The BackgroundColor property is available in browser code only for Table controls in browser mode 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

The BackgroundColor property is used to get and change the background color of cells in WEBDEV pages.

Background color of a Tab control

For Tab controls:

The Color property is used to get and change the background color of tab panes.
The BackgroundColor property is used to get and change the background color of the Tab control (background color that appears behind the tab panes).

The BackgroundColor property is used to get and change the background color of the tab pane.

Background color of a Sidebar control

The BackgroundColor property is used to get and change the background color of the Sidebar control. The Color property is used to get and change the background color of the sidebar panes.

Background color of a Scrollbar or Spin control

The BackgroundColor property is used to change the background color of a Scrollbar control (color the scrollbar track).

Limitations

Limitations on report controls
The BackgroundColor property has no effect on:

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

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

HTML controls,
Web Camera controls,
Slider controls.

Limits for the page controls
The BackgroundColor property has no effect on the elements of a List Box or Combo Box control.

In browser code, the BackgroundColor property works only on the following control:

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.
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.

The BackgroundColor property can also be used on pages.

The BackgroundColor property applies only 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.

The BackgroundColor property applies only to the following elements:

Button control.
Static control.
Image control.
Window.

The BackgroundColor property applies only to the following elements:

Static control.
Image control.
Window.