How do I change the skin of the ComboBox?

Question

My English skill is poor because I'm not a native English speaker. I hope you to understand.

I trying to create the style of control to support the skin. Recently, I created a style for ComboBox as shown below.

<Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource {x:Type ComboBox}}">

    <Setter Property="Background"  Value="Transparent" />
    <Setter Property="Foreground" Value="{DynamicResource ActiveTextBrush}"/>
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="false">
            <Setter Property="Foreground" Value="{DynamicResource InActiveTextBrush}"/>
        </Trigger>
        <Trigger Property="IsEnabled" Value="true">
            <Setter Property="Foreground" Value="{DynamicResource ActiveTextBrush}"/>
        </Trigger>
    </Style.Triggers>
</Style>

The above code shows the result of the below.

Unfortunately, the result is not what I want. I wanted painting the Background color is to Black but the above code doesn't change Background color.

What I should do to achieve my goal?

Thank you for reading.

1. Open "Blend for Visual Studio". 2. Open the designer of target control. 3. Comment out any existing Style and Template related to the target control. 4. Select that control, or select xaml node in editor. 5. Click the button where left top of designer - "Edit Template" - "Create a clone" — Mr. Squirrel.Downy, Dec 19 '19 at 07:13
you should create a template for your Combobox like this link https://stackoverflow.com/a/22696386/9809143 — Mahdi Asgari, Dec 19 '19 at 07:20
Oh... ok I understood. I have to create a template newly. Thank you for your answer. — jjw, Dec 19 '19 at 07:24

score 1 · Accepted Answer · answered Dec 19 '19 at 10:34

Microsoft offers their generic styles and templates for all their core components in WPF framework directly in documentation. Here is the link for ComboBox styles and templates.

You can grab the XAML code from there (including the common resources at the bottom), adapt it as needed in your app, and add it to your own resources, e.g. App.xaml's Resources.

(Using Blend for Visual Studio or Visual Studio's own extract style feature, are other options, but in my experience, I found that sometimes these have some quirks/issues with the generated XAML.)

Thank you for your advice. I solved the problem using this way. — jjw, Dec 19 '19 at 14:31

How do I change the skin of the ComboBox?

1 Answers1