Skip to main content

TdxDBColorEdit Class

A data-aware editor that allows users to select a color in a drop-down window.

Declaration

TdxDBColorEdit = class(
    TdxCustomColorEdit
)

Remarks

TdxDBColorEdit is a data-aware component designed for color selection using a palette displayed in a drop-down window.

VCL Editors: A Color Editor with a Drop-Down Palette Window

Available Colors

Use Properties.ColorPalette and Properties.ColorSet properties to switch between color sets available for selection in a drop-down window.

VCL Editors: Theme-Based Color Palettes

Custom Colors

To populate the drop-down gallery with custom colors, you must:

  1. Ensure that the Properties.ColorPalette property is set to cpOffice.
  2. Set the Properties.ColorSet property to csCustom.
  3. Handle the Properties.OnGetCustomColorSet event.

    VCL Editors: A Custom Color Palette Example

UI Automation/Accessibility Support

The color editor is mapped to a node in the UI Automation tree when the global UI Automation flag (dxUIAutomationEnabled) is enabled.

UI Automation Settings

Use Properties.Automation.Name and Properties.Automation.Description properties to specify the editor name and add optional information that are then used to clarify editor purpose for users who rely on third-party assistive tools (such as Microsoft Narrator).

Refer to the TdxAutomationElementSettings class description for detailed information on all available options.

Keyboard Interaction Options

The color editor supports the following keystrokes:

Alt + ↑ | Alt + ↓
Display the drop-down color gallery.
F4
Displays or hides the drop-down window without editor value changes.
Esc
Hides the drop-down window without editor value changes.
↑ | ↓ | ← | →
Move focus by one position in the corresponding direction when the drop-down color gallery is displayed, set the focused color as the new editor value, and close the drop-down window.

Main API Members

The list below outlines key members of the TdxDBColorEdit class.

Appearance Settings

Style | StyleDisabled | StyleFocused | StyleHot | StyleReadOnly

Allow you to define individual appearance settings for different editor states.

Tip

To apply the same style settings to multiple editors, use a TcxEditStyleController component. If you need to apply the same style settings to all editors in your application, you can use a TcxDefaultEditStyleController component.

Styles
Provides access to individual styles applied to the editor in different states.
Transparent
Specifies if the editor is transparent in GDI render mode.
ColorValue
Returns the selected color.
OnEditing
Allows you to prevent users from activating the editor.
DataBinding
Allows you to bind the editor to data.
CanPostEditValue
Indicates if the data-aware editor can post its edit value to the bound data storage.
OnPostEditValue
Executes custom code when the editor posts its value to the bound data storage.
PostEditValue
Posts the edit value to the bound data storage.

Editor Settings and Repository Items

ActiveProperties
Provides access to the current editor settings regardless of their source. This property set does not allow you to customize editor settings.
Properties
Allows you to customize editor settings directly if the editor does not have an assigned repository item.
RepositoryItem
Specifies a repository item as an external source of editor settings. A repository item has priority over other editor settings.

General-Purpose API Members

Enabled
Specifies if the editor is enabled.
CanModify
Indicates if the editor is in read-only mode.
IsEditValidating | IsHiding | IsPosting
Allow you to identify the current operation in the editor.
ShowHint
Specifies if the standalone editor can display hints.
Width | Height
Allow you to explicitly define editor dimensions.

Repository Item Class

You can create a TcxEditRepositoryColorEdit component in an TcxEditRepository to store editor settings and share them between multiple color editors.

To see the TdxDBColorEdit component in action, run the Data Editors and Controls demo in the VCL Demo Center installed with compiled DevExpress VCL demos. Click the Color Editor item in the sidebar to run the corresponding demo.

Download: Compiled VCL Demos

Compiled DevExpress demos ship with source code installed in the Public Documents folder (%PUBLIC%) for all users (default). You can find all project and source code files for the Data Editors and Controls demo in the following folder:

%PUBLIC%\Documents\DevExpress VCL Demos\MegaDemos\Product Demos\ExpressEditors\

Tip

Project and source code files for all compiled DevExpress VCL Demos are maintained in a public repository hosted on GitHub:

View Example: DevExpress VCL Demos

Limitations and Considerations

The TdxDBColorEdit component is available only as a standalone editor. You cannot use data-aware editors as in-place editors in container controls (Data Grid, Tree List, etc.).

See Also