How do I style a WPF context menu correctly?

Question

0.00/5 (No votes)

See more:

I have literally spent days trying to style the ContextMenu of a TextBox but cannot get anywhere near a useful solution. For some reason is the ContextMenu never applied to a TextBox while some parts of the MenuItem are applied - see screenshots on linked page.

The strange thing is that the ContextMenu is styled OK in the Main Window Text Editor but not in the textbox as shown in the linked page below. Does someone have an idea what I am doing wrong here?

Edi - Documentation[^]

What I have tried:

Tried to re-style the ContextMenu (changed background color or Border Color) to see whats wrong but it does not seem to have an effect so I am wondering how this is implemented correctly...

Posted 11-Oct-16 11:36am

Dirk Bahle

Updated 12-Oct-16 7:47am

Add a Solution

Comments

PureNsanity 12-Oct-16 9:55am

There are a lot of potential reasons why a WPF style won't get applied as expected. Any changes to style applied directly to the element will have highest precedence, so if you're not seeing that happen I'd start there. Could you provide a snippet with the TextBox and ContextMenu XAML?

Dirk Bahle 12-Oct-16 13:42pm

I don't need to know a lot of reasons I need to know a way to solve the problem described. So far, I've looked only here;
https://github.com/firstfloorsoftware/mui/tree/master/1.0/FirstFloor.ModernUI

and found that the dark context menu is not working there either.

Its working here:
https://github.com/MahApps/MahApps.Metro/blob/develop/MahApps.Metro/Styles/Controls.TextBox.xaml

...and I found that it is working because the TextBox is restyled with the context menu property:

So, thats how it works for me too.

PureNsanity 12-Oct-16 13:45pm

I'm letting you know without the information provided it's impossible to tell - you would only be guessing. I'm not trying to tell you about all the ways, just saying I need to see the requested information or I won't be able to tell you.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dirk Bahle · Accepted Answer · 2016-10-12T07:47:00

MahApps.Metro/Controls.ContextMenu.xaml at develop · MahApps/MahApps.Metro · GitHub[^]

XML

<contextmenu x:key="TextBoxMetroContextMenu" style="{StaticResource MetroContextMenu}">
    <menuitem style="{DynamicResource MetroMenuItem}" command="ApplicationCommands.Cut">
    <menuitem style="{DynamicResource MetroMenuItem}" command="ApplicationCommands.Copy">
    <menuitem style="{DynamicResource MetroMenuItem}" command="ApplicationCommands.Paste">
</contextmenu>

MahApps.Metro/Controls.TextBox.xaml at develop · MahApps/MahApps.Metro · GitHub[^]

XML

<style x:key="MetroTextBox" targettype="{x:Type TextBox}">
  ...
  <Setter Property="ContextMenu" Value="{DynamicResource TextBoxMetroContextMenu}" />
</style>