Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
    [Expand]ASPxButtonEdit
    [Expand]ASPxCalendar
    [Expand]ASPxCheckBox
    [Expand]ASPxCheckBoxList
    [Collapse]ASPxColorEdit
      ASPxColorEdit Overview
     [Expand]Visual Elements
    [Expand]ASPxComboBox
    [Expand]ASPxDateEdit
    [Expand]ASPxDropDownEdit
    [Expand]ASPxFilterControl
    [Expand]ASPxHyperLink
    [Expand]ASPxImage
    [Expand]ASPxLabel
    [Expand]ASPxListBox
    [Expand]ASPxMemo
    [Expand]ASPxProgressBar
    [Expand]ASPxRadioButton
    [Expand]ASPxRadioButtonList
    [Expand]ASPxSpinEdit
    [Expand]ASPxTextBox
    [Expand]ASPxTimeEdit
    [Expand]ASPxTokenBox
    [Expand]ASPxTrackBar
    [Expand]ASPxValidationSummary
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxColorEdit Overview

The ASPxColorEdit control enables your end-users to visually select a color from a dropdown window containing a palette of colors. This control is useful when modifying colors for different elements on a page.

ASPxColorEdit offers the following features.

  • Easy Color Selection

    The ASPxColorEdit editor allows end-users to enter a color with ease by selecting a color from the color palette in the editor's dropdown window, or, if the AllowUserInput property value is set to true, by typing a color code directly into the editor's text box using a longhand or shorthand hexadecimal notation (HEX) for RGB color values (e.g., "#F0F", "#D8D8D8") or RGB color format (e.g., "rgb(255,0,0)"). It is also possible to type HTML color names (e.g., "red", "green"), which are then automatically converted to color codes.

  • Custom Color Picker

    End-users can use an optional color picker to select a custom color. It is disabled by default. Set the ASPxColorEdit.EnableCustomColors property to true to display a custom color section in the editor's drop-down window.

  • Color on Error

    When an end-user inputs the wrong value (i.e., the wrong color code), it is possible to automatically select the previous valid color or a null value. This is defined by the ASPxColorEdit.ColorOnError property. Set it to Undo to automatically select the previous valid color, or set it to Null to select a null value.

  • Built-in Validation

    The ASPxColorEdit provides rich validation checking capabilities. See the Validation topic to learn more.

  • Full-Featured Client-Side API

    ASPxColorEdit provides a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the ASPxClientColorEdit object. The ASPxClientColorEdit object serves as the client-side equivalent of the ASPxColorEdit control.

    You can operate with editor values using the following methods.

    Method Description
    ASPxClientColorEdit.ColorChanged Fires after the selected color has been changed within the color editor via end-user interaction.
    ASPxClientColorEdit.GetColor Returns the color editor's value.
    ASPxClientColorEdit.SetColor Specifies the color value for the color editor.

Expanded See Also

Online Demo: Color Editor - Example
How would you rate this topic?​​​​​​​