Set a property of a nested element in an WPF style

by

I know 3 options for customizing template in the way you are looking for

1) create a userControl derived from ToggleButton, add a RadiusValue dependency property there (of type CornerRadius) and use it in control template: CornerRadius="{TemplateBinding RadiusValue}".

2) use a dynamic resource.

after running into a roadblock with dynamic resources (Wpf dynamic resource lookup for Validation.ErrorTemplate) I prefer the 3rd one

3) use an attached dependency property

at first I created an attached DP of type CornerRadius (with default radius = 3)

public static class Attached
{
    public static readonly DependencyProperty RadiusValueProperty =
        DependencyProperty.RegisterAttached("RadiusValue", typeof (CornerRadius), typeof (Attached), new FrameworkPropertyMetadata(new CornerRadius(3)));


    public static void SetRadiusValue(DependencyObject element, CornerRadius value)
    {
        element.SetValue(RadiusValueProperty, value);
    }

    public static CornerRadius GetRadiusValue(DependencyObject element)
    {
        return (CornerRadius)element.GetValue(RadiusValueProperty);
    }
}

after that I modified custom ToggleButton template:

<Style x:Key="ToggleRadioButton" 
        TargetType="{x:Type ToggleButton}" 
        BasedOn="{StaticResource {x:Type ToggleButton}}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
                <Border BorderBrush="Blue" 
                Background="{TemplateBinding Background}"
                Padding="15,0" 
                BorderThickness="1" 
                CornerRadius="{Binding Path=(local:Attached.RadiusValue), 
                    RelativeSource={RelativeSource TemplatedParent}}"> 
                    <ContentPresenter HorizontalAlignment="Center"
                                VerticalAlignment="Center"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="Background" Value="Blue"/>
            <Setter Property="Foreground" Value="White"/>
        </Trigger>
        <Trigger Property="IsChecked" Value="False">
            <Setter Property="Background" Value="White"/>
            <Setter Property="Foreground" Value="Black"/>
        </Trigger>
    </Style.Triggers>
</Style>

the only change (except key) is 

CornerRadius="{Binding Path=(local:Attached.RadiusValue), 
               RelativeSource={RelativeSource TemplatedParent}}">

and finally derived style for Left RadioButton, based on ToggleRadioButton

<Style x:Key="ToggleRadioButtonLeft" 
        TargetType="{x:Type ToggleButton}" 
        BasedOn="{StaticResource ToggleRadioButton}">
    <Setter Property="local:Attached.RadiusValue" Value="10,0,0,10"/>
</Style>

More Related Contents:

  1. Binding to static property
  2. Why does the binding update without implementing INotifyPropertyChanged?
  3. The name does not exist in the namespace error in XAML
  4. WPF: Canvas mouse events not firing on empty space
  5. OneWayToSource binding from readonly property in XAML
  6. How can I apply a custom sort rule to a WPF DataGrid?
  7. What approaches are available to dummy design-time data in WPF?
  8. What does the WPF star do (Width=”100*”)
  9. Calling a parameterized constructor from XAML
  10. How to make overlay control above all other controls?
  11. DataTrigger where value is NOT null?
  12. Trouble referencing a Resource Dictionary that contains a Merged Dictionary
  13. KeyBinding in UserControl doesn’t work when TextBox has the focus
  14. WPF: XAML property declarations not being set via Setters?
  15. WPF TreeView: How to style selected items with rounded corners like in Explorer
  16. How can I reduce RadioButton binding code?
  17. TextBox TextTrimming
  18. Creating an instance of a nested class in XAML
  19. Different views / data template based on member variable
  20. Difference between {Binding PropertyName} and {Binding Path=PropertyName}
  21. WPF: Changing Resources (colors) from the App.xaml during runtime
  22. How to change MahApps.Metro dialog content template width?
  23. How to set DataGrid’s row Background, based on a property value using data bindings
  24. What is the difference for TargetType=”{x:Type Button}” and TargetType=”Button”?
  25. How to disable a databound ListBox item based on a property value?
  26. How can I specify letter spacing or kerning, in a WPF TextBox?
  27. Setting DataContext within UserControl is affecting bindings in parent
  28. How to set foreground and background colors on a WPF Menu control?
  29. How to display search results in a WPF items control with highlighted query terms
  30. Can you define multiple TargetTypes for one XAML style?

Leave a Comment