Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Collapse]Data Editors
    Included Components
   [Expand]Implementation Details
   [Expand]Getting Started
   [Collapse]Editor Types
     BarCodeEdit
     BrushEdit
     ButtonEdit
     Calculator
     CheckEdit
     ColorEdit
     ComboBoxEdit
     DateNavigator
     DateEdit
     DropDownButton
     FlyoutControl
     FontEdit
     HyperlinkEdit
     ImageEdit
     ListBoxEdit
     LookUpEdit
     MemoEdit
     PasswordBoxEdit
     PopupBrushEdit
     PopupCalcEdit
     PopupColorEdit
     PopupImageEdit
     ProgressBarEdit
     RangeControl
     RatingEdit
     SparklineEdit
     SpinEdit
     SimpleButton
     SplitButton
     TextEdit
     ToggleSwitchEdit
     Token Editors
     TrackBarEdit
   [Expand]Common Features
   [Expand]Range Control
   [Expand]Visual Elements
   [Expand]End-User Capabilities
   [Expand]Examples
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

PopupColorEdit

Expanded Overview

The PopupColorEdit control is a popup variation of the ColorEdit control. It allows end-users to edit and manage color data.

The PopupColorEdit control offers the following features.

  • An extensive collection of predefined color palettes

    You can create gradient palettes from predefined sets of colors.
  • Custom Palette Creation

    You can define your own color sets and store them as Palette objects.
  • Built-in color picker

    The PopupColorEdit.ShowMoreColorsButton property controls the availability of the More Colors button. Clicking this button invokes the built-in color picker tool. The color picker allows end-users to select the desired color visually or by specifying the precise values.
  • Configurable palette layout

    You can specify the number of color columns in each palette using the PopupColorEdit.ColumnCount property. The PopupColorEdit.ChipSize property controls the size of the color chips.

  • Configurable edit box appearance

    The PopupColorEdit's edit box displays the currently selected color. Use the PopupColorEdit.DisplayMode property to switch between available display modes.
  • Optional Default Color button

    You can define the default color using the PopupColorEdit.DefaultColor property. The PopupColorEdit.ShowDefaultColorButton property toggles the availability of the Default Color button.

  • Optional No Color button

    Setting the PopupColorEdit.ShowNoColorButton property to true enables the No Color button. The No Color button permits end-users to select an empty color.

  • Optimized for in-place editing

    PopupColorEdit can be used standalone or as an in-place editor nested in a container control. The PopupColorEditSettings class implements the in-place editing functionality. See Inplace Editors to learn more.

Expanded Standalone PopupColorEdit

To add a standalone PopupColorEdit to a Window, drag it from the Toolbox.

The following sample demonstrates how to create a PopupColorEdit using XAML markup.

Expanded In-place PopupColorEdit

To embed a PopupColorEdit into a container control, use the PopupColorEditSettings class.

The following sample demonstrates how to embed a PopupColorEdit into a GridControl column.

Expanded See Also

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