Skip to main content
BuyLog In
ASP.NET MVC Extensions
Search in…
Docs > Components > Data Editors > ColorEdit > Visual Elements
All docs
V24.1
ASP.NET MVC Extensions
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Charting
Data and Image Navigation
Data Editors
Common Concepts
BinaryImage
Button
ButtonEdit
Calendar
Captcha
CheckBox
CheckBoxList
ColorEdit
Visual Elements
ComboBox
DateEdit
DropDownEdit
Filter Control
GridLookup
HyperLink
Image
Label
ListBox
Memo
ProgressBar
RadioButton
RadioButtonList
SpinEdit
TextBox
TimeEdit
TokenBox
TrackBar
Validation Summary
Strongly-Typed Editor Types
Diagram
Docking and Popups
File Management
Gantt
Grid View
HTML Editor
Multi-Use Site Extensions
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Color Edit Visual Elements

  • 2 minutes to read

This topic describes the visible elements of the ColorEdit.

ASPxColorEdit-VisualElements

The following visual elements are available:

Color Indicator

The color indicator represents the selected color within the editor’s edit box. The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Style ColorEditProperties.ColorIndicatorStyle (via ColorEditSettings.Properties.ColorIndicatorStyle)
Width ColorEditProperties.ColorIndicatorWidth (via ColorEditSettings.Properties.ColorIndicatorWidth)
Height ColorEditProperties.ColorIndicatorHeight (via ColorEditSettings.Properties.ColorIndicatorHeight)

Color Picker

To display the color picker, click the Custom Color… button in the color table. The table below lists the main members that affect element appearance and functionality.

Characteristics Members
Availability ColorEditProperties.EnableCustomColors (via ColorEditSettings.Properties.EnableCustomColors)
OK Button Text ColorEditProperties.OkButtonText (via ColorEditSettings.Properties.OkButtonText)
Cancel Button Text ColorEditProperties.CancelButtonText (via ColorEditSettings.Properties.CancelButtonText)
Style ColorEditProperties.ColorPickerStyle (via ColorEditSettings.Properties.ColorPickerStyle)

Color Table

The color table consists of the default color section, which is always visible, and a custom color section, which can be displayed by setting the ColorEditProperties.EnableCustomColors (via ColorEditSettings.Properties.EnableCustomColors) property to true. Clicking the Custom Color… button invokes the color picker. The table below lists the main members that affect the element’s appearance and functionality:

Characteristics Members
Style ColorEditProperties.ColorTableStyle (via ColorEditSettings.Properties.ColorTableStyle)
Column Count ColorEditProperties.ColumnCount (via ColorEditSettings.Properties.ColumnCount)
Default Colors ColorEditProperties.Items (via ColorEditSettings.Properties.Items)
Custom Color Section Visibility ColorEditProperties.EnableCustomColors (via ColorEditSettings.Properties.EnableCustomColors)
Custom Color Button Text ColorEditProperties.CustomColorButtonText (via ColorEditSettings.Properties.CustomColorButtonText)

Color Table Cell

The color table cell represents an individual color within the color table. The table below lists the main members which affect the element’s appearance and functionality:

Characteristics Members
Style ColorEditProperties.ColorTableCellStyle (via ColorEditSettings.Properties.ColorTableCellStyle)