Karim Mohamed
Karim Mohamed

Reputation: 3

Wpf ToggleButton change border background when togglebutton is pressed

I have a ToggleButton and when I press it needs to change a border color. Here is my code:

<Window.Resources>
    <Style x:Key="ComboBoxToggleButton" TargetType="ToggleButton">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Grid VerticalAlignment="Center" HorizontalAlignment="Right" Width="30" Height="15">
                        <Image Source="/Res/combobox_icon.PNG"/>
                    </Grid>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <Border Name="br" BorderBrush="Black" Background="Red" BorderThickness="1" HorizontalAlignment="Left" Height="56" Margin="60,72,0,0" VerticalAlignment="Top" Width="125"/>
    <ToggleButton Margin="291,72,94,153">

    </ToggleButton>
</Grid>

Upvotes: 0

Views: 1203

Answers (1)

Fratyx
Fratyx

Reputation: 5797

I think you are looking for something like that. You also can change the BorderBrush in the same way.

<Grid>
    <Border Name="br">
        <Border.Style>
            <Style TargetType="Border">
                <Setter Property="Background" Value="Red" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ElementName=tog, Path=IsChecked}" Value="True">
                        <DataTrigger.Setters>
                            <Setter Property="Background" Value="Blue" />
                        </DataTrigger.Setters>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
    </Border>
    <ToggleButton Name="tog" Margin="20,20,20,20" />
</Grid>

Upvotes: 1

Related Questions