Home Search

DriveWorks Pro 22
Color

Send Feedback

Color

Property Type: Static

Applies to the following properties:

PropertyDescriptionAvailable on Controls
Background ColorSpecifies the color of the control's background.3D Preview Box, Check Box, Check Box Group, Child Specification List, Clipboard Button, Combo Box, Data Table, Date Picker, Dialog Button, Frame Control, Hyperlink, Item List, Label, List Box, Macro Button, Measurement Text Box, Numeric Text Box, Option Button, Option Group, Picture Box, Slider, Spin Button, Text Box, TlnyMCE Control, Toggle Switch, Upload Control, Web Frame
Background Color (Hover)Specifies the color of the control's background when the control is in a hovered state.Hyperlink
Border ColorSpecifies the color of the control's outer border when the 'SingleLine' border style is selected.3D Preview Box, Clipboard Button, Data Table, Dialog Button, Hyperlink, Label, Macro Button, Picture Box, Upload Control
Border Color (Disabled)Specifies the border color of the control when in a disabled state.Clipboard Button, Dialog Button, Macro Button, Upload Control
Border Color (Hover)Specifies the color of the controls border when in a hovered state.Clipboard Button, Dialog Button, Hyperlink, Macro Button, Upload Control
Border Color (Pressed)Specifies the border color of the control when in a pressed state.Clipboard Button, Dialog Button, Macro Button, Upload Control
Button Background ColorSpecifies the background color of buttons in the control.Clipboard Button, Dialog Button, Macro Button, Spin Button, Upload Control
Button Background Color (Disabled)Specifies the background color of buttons in the control, when the control is disabled.Clipboard Button, Dialog Button, Macro Button, Spin Button, Upload Control
Button Background Color (Hover)Specifies the background color of buttons in the control, when the button is in a hovered state.Clipboard Button, Dialog Button, Macro Button, Spin Button, Upload Control
Button Background Color (Pressed)Specifies the background color of buttons in the control, when the button is in a pressed state.Clipboard Button, Dialog Button, Macro Button, Spin Button, Upload Control
Button Border ColorSpecifies the border color of buttons in the control.Spin Button
Button Border Color (Disabled)Specifies the border color of buttons when the control is disabled.Spin Button
Button Border Color (Hover)Specifies the border color of buttons in the control, when the button is in a hovered state.Spin Button
Button Border Color (Pressed)Specifies the border color of buttons in the control, when the button is in a pressed state.Spin Button
Button Icon ColorSpecifies the icon color of buttons in the control.Spin Button
Button Icon Color (Disabled)Specifies the icon color of buttons when the control is disabled.Spin Button
Button Icon Color (Hover)Specifies the icon color of buttons in the control, when the button is in a hovered state.Spin Button
Button Icon Color (Pressed)Specifies the icon color of buttons in the control, when the button is in a pressed state.Spin Button
Button Outline Color (Focus)Specifies the outline color of buttons in the control, when the button is in a focused state.Spin Button
Canvas Background ColorThe background color for the canvas. This is not saved in the HTML output from this control.TlnyMCE Control
Canvas Text ColorThe default text color for the canvas. This is not saved in the HTML output from this control.TlnyMCE Control
Caption ColorControls the caption color of the control.Check Box, Check Box Group, Child Specification List, Combo Box, Date Picker, Item List, List Box, Measurement Text Box, Numeric Text Box, Option Button, Option Group, Spin Button, Text Box, Toggle Switch
Check Background ColorControls the background color of the check.Check Box, Check Box Group
Check Background Color (Checked)Controls the background color of the check when checked.Check Box, Check Box Group
Check Background Color (Disabled)Controls the background color of the check when disabled.Check Box, Check Box Group
Check Border ColorControls the border color of the check.Check Box, Check Box Group
Check Border Color (Checked)Controls the border color of the check when checked.Check Box, Check Box Group
Check Border Color (Disabled)Controls the border color of the check when disabled.Check Box, Check Box Group
Check Mark ColorControls the color of the check mark shown when checked.Check Box, Check Box Group
Check Mark Color (Disabled)Controls the color of the check mark shown when checked, and the control is disabled.Check Box, Check Box Group
Grid Line ColorSpecifies the color of the data table's grid lines.Data Table
Group Border ColorSpecifies the color of the border shown around the group.Check Box Group, Option Group
Header Background ColorControls the background color of the headers.Data Table
Header Text ColorControls the text color of the headers.Child Specification List, Data Table, Item List
Input Background ColorSpecifies the background color of the control's input area.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Background Color (Disabled)Specifies the background color of the control's input area when the control is disabled.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Background Color (Focus)Specifies the background color of the control's input area when in a focused state.Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Background Color (Hover)Specifies the background color of the control's input area when in a hovered state.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Border ColorSpecifies the border color of the control's input area.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Border Color (Disabled)Specifies the border color of the control's input area when the control is disabled.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Border Color (Focus)Specifies the border color of the control's input area when in a focused state.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Border Color (Hover)Specifies the border color of the control's input area when in a hovered state.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Input Icon ColorSpecifies the color of the icon in the input.Combo Box, Date Picker
Input Icon Color (Disabled)Specifies the color of the icon in the input when the control is disabled.Combo Box, Date Picker
Input Icon Color (Hover)Specifies the color of the icon in the input when in a hovered state.Combo Box, Date Picker
Input Outline Color (Focus)Specifies the outline color of the control's input area when in a focused state.Combo Box, Date Picker, Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Item Text ColorControls the text color of items.Check Box Group, Option Group
List Background ColorSpecifies the background color of the list.List Box
List Border ColorSpecifies the border color of the list.List Box
List Item Background Color (Hover)Specifies the background color of list items when in a hovered state.List Box
List Item Background Color (Selected)Specifies the background color of list items when in a selected state.List Box
List Item Border Color (Hover)Specifies the border color of list items when in a hovered state.List Box
List Item Border Color (Selected)Specifies the border color of list items when in a selected state.List Box
List Item ColorControls the color of list items.Child Specification List, Combo Box, Item List
List Item Color (Disabled)Controls the color of list items when the control is disabled.Combo Box
List Item Color (Hover)Controls the color of list items when in a hovered state.Combo Box
List Item Outline Color (Focus)Specifies the outline color of list items when in a focused state.List Box
List Item Text ColorSpecifies the text color of list items.List Box
List Item Text Color (Disabled)Specifies the text color of list items when in a disabled state.List Box
List Item Text Color (Hover)Specifies the text color of list items when in a hovered state.List Box
List Item Text Color (Selected)Specifies the text color of list items when in a selected state.List Box
Loading Progress Bar ColorThe color of the progress bar displayed when a preview is loading, if you have chosen to display it.3D Preview Box
Outline Color (Focus)Specifies the outline color of the control when in a focused state.Clipboard Button, Dialog Button, Hyperlink, Macro Button, Upload Control
Radio Background ColorControls the background color of the radio.Option Button, Option Group
Radio Background Color (Disabled)Controls the background color of the radio when disabled.Option Button, Option Group
Radio Background Color (Selected)Controls the background color of the radio when selected.Option Button, Option Group
Radio Border ColorControls the border color of the radio.Option Button, Option Group
Radio Border Color (Disabled)Controls the border color of the radio when disabled.Option Button, Option Group
Radio Border Color (Selected)Controls the border color of the radio when selected.Option Button, Option Group
Radio Dot ColorControls the color of the radio's dot shown when selected.Option Button, Option Group
Radio Dot Color (Disabled)Controls the color of the dot shown when the radio is selected, and the control is disabled.Option Button, Option Group
Row Background Color (Hover)Specifies the background color to display on a row that the cursor is over.Data Table
Row Background Color (Selected)Specifies the background color of the selected row.Data Table
Row Background ColorsControls the background color of all rows, except the header row. One or more values delimited by the | symbol. Setting one value applies that color to all rows." Data Table
Row Text ColorSpecifies the text color of rows.Data Table
Row Text Color (Hover)Specifies the text color to display on a row that the cursor is over.Data Table
Row Text Color (Selected)Specifies the color of the selected row's text.Data Table
Text ColorSpecifies the color of the control's text.Clipboard Button, Date Picker, Dialog Button, Hyperlink, Label, Macro Button, Measurement Text Box, Numeric Text Box, Slider, Spin Button, Text Box, Upload Control
Text Color (Disabled)Specifies the color of the control's text when the control is disabled.Clipboard Button, Date Picker, Dialog Button, Macro Button, Measurement Text Box, Numeric Text Box, Spin Button, Text Box, Upload Control
Text Color (Focus)Specifies the color of the control's text when the control is in a focused state.Measurement Text Box, Numeric Text Box, Spin Button, Text Box
Text Color (Hover)Specifies the color of the control's text when the control is in a hovered state.Clipboard Button, Date Picker, Dialog Button, Hyperlink, Macro Button, Measurement Text Box, Numeric Text Box, Spin Button, Text Box, Upload Control
Text Color (Pressed)Specifies the color of the control's text when the control is in a pressed state.Clipboard Button, Dialog Button, Macro Button, Upload Control
Thumb Background ColorSpecifies the background color of the slider's thumb.Slider
Thumb Background Color (Disabled)Specifies the background color of the slider's thumb when the control is disabled.Slider
Thumb Background Color (Hover)Specifies the background color of the slider's thumb when in a hovered state.Slider
Thumb Background Color (Pressed)Specifies the background color of the slider' s thumb when in a pressed state.Slider
Thumb Border ColorSpecifies the border color of the slider's thumb.Slider
Thumb Border Color (Disabled)Specifies the border color of the slider's thumb when the control is disabled.Slider
Thumb Border Color (Hover)Specifies the border color of the slider's thumb when in a hovered state.Slider
Thumb Border Color (Pressed)Specifies the background color of the slider's thumb when in a pressed state,Slider
Thumb Outline Color (Focus)Specifies the outline color of the slider's thumb when in a focused state.Slider
Toggle Background ColorControls the background color of the toggle.Toggle Switch
Toggle Background Color (Checked)Controls the background color of the toggle when checked.Toggle Switch
Toggle Background Color (Disabled)Controls the background color of the toggle when disabled.Toggle Switch
Toggle Border ColorControls the color of the toggle border.Toggle Switch
Toggle Border Color (Checked)Controls the color of the toggle border when checked.Toggle Switch
Toggle Border Color (Disabled)Controls the border color of the toggle when disabled.Toggle Switch
Toggle Handle ColorControls the color of the toggle handle.Toggle Switch
Toggle Handle Color (Checked)Controls the color of the toggle handle when checked.Toggle Switch
Toggle Handle Color (Disabled)Controls the color of the toggle handle when disabled.Toggle Switch
Toggle Indicator ColorControls the color of the indicators on the toggle.Toggle Switch
Toggle Indicator Color (Checked)Controls the color of the indicators on the toggle when checked.Toggle Switch
Toggle Indicator Color (Disabled)Controls the color of the indicators on the toggle when disabled.Toggle Switch
Unit Background ColorSpecifies the background color of the unit select.Measurement Text Box
Unit Background Color (Disabled)Specifies the background color of the unit select when the control is disabled.Measurement Text Box
Unit Background Color (Hover)Specifies the background color of the unit select when in a hovered state.Measurement Text Box
Unit Border ColorSpecifies the border color of the unit select.Measurement Text Box
Unit Border Color (Disabled)Specifies the border color of the control's input area when the control is disabled.Measurement Text Box
Unit Border Color (Focus)Specifies the border color of the unit select when in a focused state.Measurement Text Box
Unit Border Color (Hover)Specifies the border color of the unit select when in a hovered state.Measurement Text Box
Unit Icon ColorSpecifies the color of the icon in the unit select.Measurement Text Box
Unit Icon Color (Disabled)Specifies the color of the icon in the unit select when the control is disabled.Measurement Text Box
Unit Icon Color (Hover)Specifies the color of the icon in the unit select when in a hovered state.Measurement Text Box
Unit Outline Color (Focus)Specifies the outline color of the unit select when in a focused state.Measurement Text Box
Unit Text ColorSpecifies the text color of the unit select.Measurement Text Box
Unit Text Color (Disabled)Specifies the text color of the unit select when the control is disabled.Measurement Text Box
Unit Text Color (Hover)Specifies the text color of the unit select when in a hovered state.Measurement Text Box

The default background color of all controls is set to the same value as the background color of the user form they exist on.

Web Browsers and System Colors

Colors selected from the System tab (see image below), of the color chooser, may not display exactly as shown in the Form Designer when a form is viewed in a browser.

Image highlighting the System tab of the color chooser.

System color mapping occurs server side which means if these colors are used, the server theme colors will be sent down to the client.

System colors defined in CSS2 are very unreliable, and indeed, deprecated in CSS 2.1.

A web system color can be forced on the browser by prefixing the system color name with "!", in a rule, for example the rule:

="!ActiveBorder"

This will cause the system color ActiveBorder to be sent all the way to the browser.

We strongly recommend using hexadecimal values or colors selected from the Web tab of the color chooser for the Web.

To Change the Default Value

Ensure the property is a static property (the gray orb  will be displayed alongside the property name)

The default value of the static property can be changed by one of the following methods:

  • Using the Color Chooser.
    1. Click in the property for the control to be changed
    2. Click the drop down list at the end of the property value field
    3. Select the color tab to use (Custom or Web)

    4. Select the required color from the list.
  • Typing the Color name or Hexadecimal value.
    1. Click in the property for the control to be changed
    2. Type the name of the color or it's hexadecimal value directly into the property field.

Examples

Color Property Value (static)Result
WhiteChanges the color of the control to white
TransparentChanges the color of the control to be transparent
#644B47Changes the color of the control to be the color of the hexadecimal value #644B47

A rule can also be built for this property by changing the type to dynamic.

See How To: Change A Static Property To A Dynamic Property.

Color Property Value (dynamic)Result
ColorHex(56,129,205,255)Changes the color of the control to be the hexadecimal equivalent of the RGB and Opacity values 56, 129, 205, 255.
ColorHex(RedReturn, GreenReturn, BlueReturn, OpacityReturn)Changes the color of the control to be the hexadecimal equivalent of the RGB and Opacity values coming from the corresponding controls.

Value set in Form Designer. Static properties can be made Dynamic by double clicking the gray radio button.