How to enable design support in a custom control?

by

The Windows Forms designer has dedicated designer classes for most controls. The designer for a ListView is System.Windows.Forms.Design.ListViewDesigner, an internal class in the System.Design.dll assembly. This class gives you the ability to drag the column headers.

A UserControl uses the System.Windows.Forms.Design.ControlDesigner designer class. It doesn’t do anything special, just puts a rectangle around the control with drag handles. You can see where this is heading: after you put your user control on a form, it is ControlDesigner that is used to design the class, ListViewDesigner is not in the picture. You thus lose the ability to drag the column headers. Also note that ControlDesigner doesn’t give access to the controls inside the UC.

That’s fixable however by creating your own designer. Start with Projects + Add Reference, select System.Design. You’ll need to add a public property to the UC to expose the list view and apply the [DesignerSerializationVisibility] attribute to allow changed properties to be saved. And apply the [Designer] attribute to the UC class to replace the default designer. It all should resemble this (using the default names and a ListView that displays “employees”):

using System;
using System.ComponentModel;
using System.Drawing;
using System.Windows.Forms;
using System.Windows.Forms.Design;   // Note: add reference required: System.Design.dll

namespace WindowsFormsApplication1 {
    [Designer(typeof(MyDesigner))]   // Note: custom designer
    public partial class UserControl1 : UserControl {
        public UserControl1() {
            InitializeComponent();
        }

        // Note: property added
        [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
        public ListView Employees { get { return listView1; } }
    }

    // Note: custom designer class added
    class MyDesigner : ControlDesigner {
        public override void Initialize(IComponent comp) {
            base.Initialize(comp);
            var uc = (UserControl1)comp;
            EnableDesignMode(uc.Employees, "Employees");
        }
    }
}

The list view in the user control can now be clicked and designed as normal.

More Related Contents:

  1. Session Variable with if/else statement in Views?
  2. How to fix the flickering in User controls
  3. “The Controls collection cannot be modified because the control contains code blocks”
  4. How do I make an Event in the Usercontrol and have it handled in the Main Form?
  5. How to render a formula in WPF or WinForms
  6. How to avoid visual artifacts of colored border of zoomable UserControl with rounded corners?
  7. How to create a WPF UserControl with NAMED content
  8. Data Binding in WPF User Controls
  9. Disposing WPF User Controls
  10. Transparent Overlapping Circular Progress Bars (Custom Control)
  11. How do I get the full url of the page I am on in C#
  12. Pass click event of child control to the parent control
  13. In C# Winforms is there a way to put dotted border around all controls and show grip points upon selection of specific controls at runtime?
  14. expose and raise event of a child control in a usercontrol in c#
  15. Calling a method in parent page from user control
  16. How do I add my new User Control to the Toolbox or a new Winform?
  17. Text property in a UserControl in C#
  18. Get access to parent control from user control – C#
  19. Access ASP.NET control from static [WebMethod] (JS ajax call)
  20. Cannot delete file when used in DataContext
  21. Remove Row inside TableLayoutPanel makes a layout problem
  22. How to drag a UserControl inside a Canvas
  23. Making an indexed control array?
  24. Abstract UserControl inheritance in Visual Studio designer
  25. How to create an image of a WPF UserControl at runtime
  26. How do I raise an event in a usercontrol and catch it in mainpage?
  27. Document.Ready() is not working after PostBack
  28. MVVM – what is the ideal way for usercontrols to talk to each other
  29. Winform – determine if mouse has left user control
  30. Exposing events of underlying control

Leave a Comment