aspnetmvc-16892-components-data-editors-extensions-coloredit-visual-elements.md
This topic describes the visible elements of the ColorEdit.
The following visual elements are available:
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 ) |
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 ) |
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 ) |
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 ) |