Data Editors - Editor Types Color Editor



The DevExpress ASP.NET MVC ColorEdit extension allows end-users to set a color of web elements with ease. You can type the value directly into the editor's text box, select a color from the color palette in the editor's dropdown window, or use the optional color picker to select a custom color. End-users can specify colors by typing directly within the edit box by using longhand or shorthand hexadecimal notation (HEX) for RGB color values (#f0f, #D8D8D8, etc.), or by using standard HTML color names ("red", "green", etc.), which are then automatically converted to color codes.

The custom color picker can be invoked by clicking the Custom Color… button in the color palette dropdown. The button is not displayed by default. You can show it by setting the Properties.EnableCustomColors property to true.

The number of color palette columns is controlled by the Properties.ColumnCount property. In this demo, use the Column Count spin edit to specify the column count.

The Palettes combo box allows you to set one of the predefined color palettes, which is created programmatically using the properties and methods exposed by the ColorEditItemCollection collection (see the Controller code).

In this demo, ColorEdit instances are used to specify background and foreground colors for the header and content elements of an RoundPanel extension. On the server side, the selected color is applied to the corresponding property of the RoundPanel extension.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.