Custom Controls Design Time Support Part 8: Implementing UITypeEditor

In the previous post I gave a brief introduction on what is a UITypeEditor and what you can get from using it, this part I will show you how to implement one.

So here are the steps:

  1. Define a class that derives from System.Drawing.Design.UITypeEditor.
  2. Override GetEditStyle to return a supported UITypeEditorEditStyle.
  3. Override EditValue and pass any controls necessary to the IWindowsFormsEditorService.
  4. Override GetPaintValueSupported.
  5. Override PaintValue if the editor supports painting.
  6. Override IsDropDownResizable if the editor is resiazble.a

Now we will go through the steps one by one, the example I will introduce here will be another ColorEditor, I will use the ColorWheel introduced and explained in this MSDN magazine article.

The final editor that we will make will look like this



Step 1


public class ColorWheelEditor : UITypeEditor


Step 2


public override UITypeEditorEditStyle GetEditStyle(System.ComponentModel.ITypeDescriptorContext context)
   return UITypeEditorEditStyle.DropDown;


Step 3


public override object EditValue(System.ComponentModel.ITypeDescriptorContext context, IServiceProvider provider, object value)
   IWindowsFormsEditorService iwefs = provider.GetService(typeof(IWindowsFormsEditorService)) as IWindowsFormsEditorService;
   Color c;
   using (ColorWheelContainer cwc = new ColorWheelContainer(iwefs))
     cwc.Color = (Color)value;
     if (cwc.Result == DialogResult.OK)
       c = cwc.Color;
       c = (Color)value;
  return c;


Here, I need to introduce you to the IWindowsFormsEditorService .

Namespace System.Windows.Forms.Design
Assembly System.Windows.Forms
Methods 3
DropDownControl accepts a parameter of type control that will be shown the drop down, works when the edit style is UITypeEditorEditStyle.DropDown.
CloseDropDown when called closes the drop down, works when the edit style is UITypeEditorEditStyle.DropDown.
ShowDialog accepts a parameter of type Form, which represents the dialog that will be opened, works when the edit style is UITypeEditorEditStyle.Modal.

Step 4


public override bool GetPaintValueSupported(System.ComponentModel.ITypeDescriptorContext context)
    return true; // we will use the picked color and fill the rectangle.


Step 5


public override void PaintValue(PaintValueEventArgs e)
   Color c = (Color)e.Value;
   e.Graphics.FillRectangle(new SolidBrush(c), e.Bounds);


Step 6


public override bool IsDropDownResizable
     return false;//we don't want it to be resizable


Now don't forget to associate the editor with the color property using the Editor attribute.


public Color ColorProperty


In this part I showed how to implement a UITypeEditor that appears in a Drop Down. See you soon. (13.99 kb)







5 responses to “Custom Controls Design Time Support Part 8: Implementing UITypeEditor”

  1. Amr Avatar

    Thank you very much gabriel that made my day,
    I hope to continue in a useful high quality manner.

  2. gabriel Avatar

    Great series! Thank you very much for this, very high quality work, and a rockin’ way to start up your blog!

  3. GeezerButler Avatar

    Very nice posts!
    This is much more helpful than the msdn documentation.

  4. Mahmoud Avatar

    Thank you Amr. I spent the morning looking for such a complete article and pedagogical article. It was very helpful.

  5. Asif Avatar

    thanks man your articles helped alot

Leave a Reply

Your email address will not be published. Required fields are marked *