Property Type: Static
Applies to the following properties:
Property | Description | Available on Controls |
---|---|---|
Background Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | The background color for the canvas. This is not saved in the HTML output from this control. | TlnyMCE Control |
Canvas Text Color | The default text color for the canvas. This is not saved in the HTML output from this control. | TlnyMCE Control |
Caption Color | Controls 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 Color | Controls 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 Color | Controls 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 Color | Controls 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 Color | Specifies the color of the data table's grid lines. | Data Table |
Group Border Color | Specifies the color of the border shown around the group. | Check Box Group, Option Group |
Header Background Color | Controls the background color of the headers. | Data Table |
Header Text Color | Controls the text color of the headers. | Child Specification List, Data Table, Item List |
Input Background Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Controls the text color of items. | Check Box Group, Option Group |
List Background Color | Specifies the background color of the list. | List Box |
List Border Color | Specifies 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 Color | Controls 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 Color | Specifies 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 Color | The 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 Color | Controls 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 Color | Controls 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 Color | Controls 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 Colors | Controls 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Controls 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 Color | Controls 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 Color | Controls 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 Color | Controls 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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 Color | Specifies 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.
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.
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.
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:
Color Property Value (static) | Result |
---|---|
White | Changes the color of the control to white |
Transparent | Changes the color of the control to be transparent |
#644B47 | Changes 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.