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
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Collapse]Data Editor Extensions
    Editor List
    Main Features
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]BinaryImage
    [Expand]Button
    [Expand]ButtonEdit
    [Expand]Calendar
    [Expand]Captcha
    [Expand]CheckBox
    [Expand]CheckBoxList
    [Collapse]ColorEdit
      Overview - ColorEdit
      ColorEdit Main Features
     [Expand]Visual Elements
    [Expand]ComboBox
    [Expand]DateEdit
    [Expand]DropDownEdit
    [Expand]GridLookup
    [Expand]HyperLink
    [Expand]Image
    [Expand]Label
    [Expand]ListBox
    [Expand]Memo
    [Expand]ProgressBar
    [Expand]RadioButton
    [Expand]RadioButtonList
    [Expand]SpinEdit
    [Expand]TextBox
    [Expand]TimeEdit
    [Expand]TokenBox
    [Expand]TrackBar
    [Expand]ValidationSummary
   [Expand]Strongly-Typed Editor Types
  [Expand]Report Extensions
  [Expand]SpellChecker
 [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

ColorEdit Main Features

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

The ColorEdit offers the following features.

  • Easy Color Selection

    The ColorEdit editor allows end-users to easily enter a color by selecting a color from the color palette in the editor's dropdown window, or (if the ColorEditSettings.Properties.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 (such as #f0f, #D8D8D8). It is also possible to type HTML color names (such as "red", "green", etc.), which are then automatically converted to color codes.

  • Color on Error

    When an end-user inputs a wrong value (i.e., wrong color code), the previous valid color or null value can be chosen, which is defined via the ColorEditSettings.Properties.ColorOnError (ColorEditProperties.ColorOnError) property.

  • Built-in Validation

    The ColorEdit extension allows you to perform data validation both on the client and server side. See the Built-in Validation topic to learn more.

  • Full-Featured Client-Side API

    The ColorEdit provides you with 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 ColorEdit extensions.

    You can operate with the 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.

How would you rate this topic?​​​​​​​