How to apply multiple styles in WPF

by

I think the simple answer is that you can’t do (at least in this version of WPF) what you are trying to do.

That is, for any particular element only one Style can be applied.

However, as others have stated above, maybe you can use BasedOn to help you out. Check out the following piece of loose xaml. In it you will see that I have a base style that is setting a property that exists on the base class of the element that I want to apply two styles to. And, in the second style which is based on the base style, I set another property.

So, the idea here … is if you can somehow separate the properties that you want to set … according the inheritance hierarchy of the element you want to set multiple styles on … you might have a workaround.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style x:Key="baseStyle" TargetType="FrameworkElement">
            <Setter Property="HorizontalAlignment" Value="Left"/>
        </Style>
        <Style TargetType="Button" BasedOn="{StaticResource baseStyle}">
            <Setter Property="Content" Value="Hello World"/>
        </Style>
    </Page.Resources>
    <Grid>
        <Button Width="200" Height="50"/>
    </Grid>
</Page>

Hope this helps.

Note:

One thing in particular to note. If you change the TargetType in the second style (in first set of xaml above) to ButtonBase, the two Styles do not get applied. However, check out the following xaml below to get around that restriction. Basically, it means you need to give the Style a key and reference it with that key.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style x:Key="baseStyle" TargetType="FrameworkElement">
            <Setter Property="HorizontalAlignment" Value="Left"/>
        </Style>
        <Style x:Key="derivedStyle" TargetType="ButtonBase" BasedOn="{StaticResource baseStyle}">
            <Setter Property="Content" Value="Hello World"/>
        </Style>
    </Page.Resources>
    <Grid>
        <Button Width="200" Height="50" Style="{StaticResource derivedStyle}"/>
    </Grid>
</Page>

More Related Contents:

  1. How to create/make rounded corner buttons in WPF?
  2. Remove Highlight Effect from ListViewItem
  3. In WPF, what are the differences between the x:Name and Name attributes?
  4. When creating a new GUI, is WPF the preferred choice over Windows Forms? [closed]
  5. Best way to hide a window from the Alt-Tab program switcher?
  6. My images are blurry! Why isn’t WPF’s SnapsToDevicePixels working?
  7. Access parent DataContext from DataTemplate
  8. Apply stroke to a textblock in WPF
  9. Making WPF applications look Metro-styled, even in Windows 7? (Window Chrome / Theming / Theme)
  10. There is no ListBox.SelectionMode=”None”, is there another way to disable selection in a listbox?
  11. Replacing the WPF entry point
  12. WPF Handedness with Popups
  13. How can I read/write app.config settings at runtime without using user settings?
  14. Enumerating .NET assembly resources at runtime
  15. WPF – How to force a Command to re-evaluate ‘CanExecute’ via its CommandBindings
  16. How to set and change the culture in WPF
  17. Custom MVVM implementation Vs. PRISM
  18. Lazy loading WPF tab content
  19. Going fullscreen on secondary monitor
  20. What does “{x:Static}” mean in XAML?
  21. DataGridTextColumn.IsReadOnly seems to be faulty
  22. DataTrigger not firing
  23. WPF TextBox won’t fill in StackPanel
  24. How do You Create a Read-Only Dependency Property?
  25. Binding in a WPF data grid text column
  26. Create popup “toaster” notifications in Windows with .NET
  27. Drawing Pixels in WPF
  28. Difference between TargetType=”controlType” and TargetType=”{x:Type controlType}”
  29. WPF slow to start on x64 in .NET Framework 4.0
  30. WPF, ‘Object reference not set to an instance of an object’ in Designer

Leave a Comment