Change the border color of Winforms menu dropdown list

Cameron Castillo picture Cameron Castillo · Aug 31, 2015 · Viewed 7.1k times · Source

Is it possible to change the border color of a toolstrip menu dropdown list.

In my sample below I would like the dropdown menu to have 1 color (blue) without the white border currently being displated, but keeping the main menu ('My Menu') item white.

Any ideas?

enter image description here

Answer

Ňɏssa Pøngjǣrdenlarp picture Ňɏssa Pøngjǣrdenlarp · Sep 2, 2015

Is it possible to change the border color of a toolstrip menu dropdown list.

Yes. A class which inherits from ProfessionalColorTable works as expected:

class MenuColorTable : ProfessionalColorTable
{
    public MenuColorTable()
    {
        // see notes
        base.UseSystemColors = false;
    }
    public override System.Drawing.Color MenuBorder
    {
        get{return Color.Fuchsia;}
    }
    public override System.Drawing.Color MenuItemBorder
    {
        get{return Color.DarkViolet;}
    }
    public override Color MenuItemSelected
    {
        get { return Color.Cornsilk;}
    }
    public override Color MenuItemSelectedGradientBegin
    {
        get{return Color.LawnGreen;}
    }
    public override Color MenuItemSelectedGradientEnd
    {
        get { return Color.MediumSeaGreen; }
    }
    public override Color MenuStripGradientBegin
    {
        get { return Color.AliceBlue; }
    }
    public override Color MenuStripGradientEnd
    {
        get { return Color.DodgerBlue; }
    }
}

In form load:

menuStrip1.Renderer = new ToolStripProfessionalRenderer(new MenuColorTable());

If visual styles are not turned on, not all the color table items will be used and some SystemColors will be used instead. You enable visual styles in Main():

// must be done before any UI elements are used
Application.EnableVisualStyles();

You may want to also disable system colors as shown in the ctor. The default should be false whether visual styles are enabled or not, but maybe something else has changed it?

base.UseSystemColors = false;

Both EnableVisualStyles() and UseSystemColors = false; have to be in place for all the rendering elements in your color table to be implemented, otherwise only some are used. (Though, MenuBorder does seem to work no matter what.) Otherwise, results are as expected:

enter image description here

The menu gradient goes from AliceBlue to DodgerBlue; an item with the mouse over it uses a top to bottom gradient of LawnGreen to MediumSeaGreen (mouse not shown).

enter image description here

When open, the menu border is Fuschia (mmmm, soothing!)

enter image description here

With the mouse over one of the items (mouse not shown), the item uses the MenuItemSelected color which was Consilk.

If you are having trouble getting your overrides to work, check that you are using the right ones (or that they mean what the name implies, some are misleading at first).

You might also check that you are using a MenuStrip for the menu, Net does have another (older) menu class though you have to go searching to find it. You might also change or disable any Theme to see if that might be causing adverse effects.