C#•5mo ago

Wpf custom button template proble

Hi! I am trying to create custom button control, but I have a problem with a content property. Button is displaying properly if the content is set in it's code, but when I am trying to do this in some view, only it's content is visible without border etc.

<UserControl x:Class="Wacom.TabletApp.Controls.ExtendedButton" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
             xmlns:local="clr-namespace:Wacom.TabletApp.Controls" 
             mc:Ignorable="d"  
             d:DataContext="{Binding RelativeSource={RelativeSource Self}}" 
             d:DesignHeight="450" d:DesignWidth="800"> 
    <UserControl.Resources> 
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/> 
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/> 
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/> 
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/> 
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/> 
        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/> 
        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/> 
        <ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type ButtonBase}">

<UserControl x:Class="Wacom.TabletApp.Controls.ExtendedButton" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
             xmlns:local="clr-namespace:Wacom.TabletApp.Controls" 
             mc:Ignorable="d"  
             d:DataContext="{Binding RelativeSource={RelativeSource Self}}" 
             d:DesignHeight="450" d:DesignWidth="800"> 
    <UserControl.Resources> 
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/> 
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/> 
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/> 
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/> 
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/> 
        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/> 
        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/> 
        <ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type ButtonBase}">

1 Reply

Pandetthe•5mo ago

            <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true"> 
                <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
            </Border> 
            <ControlTemplate.Triggers> 
                <Trigger Property="Button.IsDefaulted" Value="true"> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
                </Trigger> 
                <Trigger Property="IsMouseOver" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/> 
                </Trigger>

            <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true"> 
                <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
            </Border> 
            <ControlTemplate.Triggers> 
                <Trigger Property="Button.IsDefaulted" Value="true"> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> 
                </Trigger> 
                <Trigger Property="IsMouseOver" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/> 
                </Trigger>

                <DataTrigger Binding="{Binding Path=IsPenOver}" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/> 
                </DataTrigger> 
                <Trigger Property="IsPressed" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/> 
                </Trigger> 
                <Trigger Property="IsEnabled" Value="false"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/> 
                    <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/> 
                </Trigger> 
            </ControlTemplate.Triggers> 
        </ControlTemplate> 
    </UserControl.Resources> 
    <Grid> 
        <Button Template="{DynamicResource ButtonTemplate}" x:Name="ButtonControl" Content="{Binding Content, ElementName=ExtendedButton}"/> 
    </Grid> 
</UserControl>

                <DataTrigger Binding="{Binding Path=IsPenOver}" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/> 
                </DataTrigger> 
                <Trigger Property="IsPressed" Value="true"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/> 
                </Trigger> 
                <Trigger Property="IsEnabled" Value="false"> 
                    <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/> 
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/> 
                    <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/> 
                </Trigger> 
            </ControlTemplate.Triggers> 
        </ControlTemplate> 
    </UserControl.Resources> 
    <Grid> 
        <Button Template="{DynamicResource ButtonTemplate}" x:Name="ButtonControl" Content="{Binding Content, ElementName=ExtendedButton}"/> 
    </Grid> 
</UserControl>

Gaming

Programming

Wpf custom button template proble