WPF Discussion Boards

2-Dec-22 9:58

I have created a Hyperlink control. What I want is to have a default style in my control itself, but allow consumers to restyle it later, like when It's dropped into a window.

So here's my control's XAML:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:Marois.Framework.Core.WPF.Controls"
                    xmlns:i="http://schemas.microsoft.com/xaml/behaviors">

    <SolidColorBrush x:Key="hyperlinkMouseOverBrush" Color="Green"/>

    <Style TargetType="{x:Type local:MaroisHyperlink}">

        <Setter Property="FontSize" Value="60" />
        <Setter Property="Hyperlink.TextDecorations" Value="None" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate>

                    <TextBlock>

                            <Hyperlink>

                                <TextBlock Text="{Binding LinkText, RelativeSource={RelativeSource TemplatedParent}}"
                                           FontSize="{TemplateBinding FontSize}"/>

                            </Hyperlink>

                        </TextBlock>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Style.Triggers>

            <Trigger Property="IsMouseOver" Value="true">
                <Setter Property="Hyperlink.Foreground" Value="{StaticResource hyperlinkMouseOverBrush}" />
                <Setter Property="Hyperlink.TextDecorations" Value="Underline" />
            </Trigger>

            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Hyperlink.Foreground" Value="Gray" />
                <Setter Property="Hyperlink.TextDecorations" Value="None" />
            </Trigger>

        </Style.Triggers>

    </Style>

</ResourceDictionary>

Code behind:

using System.Windows;
using System.Windows.Media;

namespace Marois.Framework.Core.WPF.Controls
{
    public class MaroisHyperlink : ControlBase
    {
        #region DP's
        #region DP HoverBrush
        public static readonly DependencyProperty HoverBrushProperty =
                    DependencyProperty.Register("HoverBrush",
                    typeof(SolidColorBrush),
                    typeof(MaroisHyperlink),
                    new PropertyMetadata(new SolidColorBrush(Colors.Black)));

        public SolidColorBrush HoverBrush
        {
            get { return (SolidColorBrush)GetValue(HoverBrushProperty); }
            set { SetValue(HoverBrushProperty, value); }
        }
        #endregion

        #region DP LinkText
        public static readonly DependencyProperty LinkTextProperty =
                    DependencyProperty.Register("LinkText",
                    typeof(string),
                    typeof(MaroisHyperlink),
                    new PropertyMetadata("MaroisHyperlink"));

        public string LinkText
        {
            get { return (string)GetValue(LinkTextProperty); }
            set { SetValue(LinkTextProperty, value); }
        }
        #endregion
        #endregion

        #region CTOR
        static MaroisHyperlink()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(MaroisHyperlink),
                new FrameworkPropertyMetadata(typeof(MaroisHyperlink)));

        }
        #endregion
    }
}

Some of this works:
- LinkText DP works. I can set it's default value and that shows up when I put the control on the window. Changing it in the window works also
- The FontSize setter at the top works.
- The Hyperlink.TextDecorations does not.
- None of the triggers at the bottom work.

In the Window

<Window x:Class="Marois.Framework.Core.WPF.Controls.Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:marois="clr-namespace:Marois.Framework.Core.WPF.Controls;assembly=Marois.Framework.Core.WPF.Controls"
        mc:Ignorable="d"
        WindowStartupLocation="CenterScreen"
        Title="MainWindow" 
        Height="450" 
        Width="800">

    <Window.Resources>

        <Style TargetType="{x:Type marois:MaroisHyperlink}">

            <Setter Property="Foreground" Value="DarkTurquoise"/>
            <Setter Property="HoverBrush" Value="Brown"/>
            <Setter Property="FontSize" Value="18"/>

        </Style>

    </Window.Resources>

    <Grid>

        <marois:MaroisHyperlink Grid.Row="0" 
                                Grid.Column="0"
                                LinkText="Click me!"
                                Margin="5">

            <i:Interaction.Triggers>
                <i:EventTrigger EventName="LinkClicked">
                    <i:InvokeCommandAction Command="{Binding MaroisLinkClickedCommand}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>

        </marois:MaroisHyperlink>

    </Grid>

</Window>

In the style
- The FontSize works
- The HoverBrush does not work
- The Foreground does not work

So basically I can style the FontSize, but nothing else. I'm not really sure how to make this all work. I'd like it to be like any other 3rd party control - Have default values that you can restyle.

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Richard Deeming5-Dec-22 1:27

5-Dec-22 1:27

Kevin Marois wrote:
The Hyperlink.TextDecorations does not.

Firstly, it's Inline.TextDecorations, not Hyperlink.TextDecorations.
Inline.TextDecorations Property (System.Windows.Documents) | Microsoft Learn[^]

Setting that property on a parent element doesn't affect the Hyperlink, since it overrides the property in its default template. You either need to set the property explicitly on the Hyperlink:

XAML

<TextBlock>
    <Hyperlink TextDecorations="None">

or via a style:

XAML

<TextBlock>
    <Style TargetType="Hyperlink">
        <Setter Property="TextDecorations" Value="None" />
    </Style>
    <Hyperlink>

If you want to be able to override it when you use your control, you'll need a property to control it:

public class MaroisHyperlink : ControlBase
{
    public static readonly DependencyProperty TextDecorationsProperty = Inline.TextDecorationsProperty.AddOwner(typeof(MaroisHyperlink));
    
    public TextDecorationCollection TextDecorations
    {
        get { return (TextDecorationCollection)GetValue(TextDecorationsProperty); }
        set { SetValue(TextDecorationsProperty, value); }
    }

and then bind the property in your template:

XAML

<Hyperlink TextDecorations="{TemplateBinding TextDecorations}">

Kevin Marois wrote:
None of the triggers at the bottom work.

A similar problem. The triggers should set the properties of your control, and the relevant properties of the Hyperlink should be bound to the properties on your control.

XAML

<Style.Triggers>
    <Trigger Property="IsMouseOver" Value="true">
        <Setter Property="Foreground" Value="{TemplateBinding HoverBrush}" />
        <Setter Property="TextDecorations" Value="Underline" />
    </Trigger>

    <Trigger Property="IsEnabled" Value="false">
        <Setter Property="Foreground" Value="Gray" />
        <Setter Property="TextDecorations" Value="None" />
    </Trigger>
</Style.Triggers>

XAML

<Hyperlink TextDecorations="{TemplateBinding TextDecorations}" Foreground="{TemplateBinding Foreground}>

Kevin Marois wrote:
The HoverBrush does not work

The HoverBrush property isn't used anywhere in your template. Changing the triggers as per the previous paragraph should resolve that, as well as the foreground brush styling.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois5-Dec-22 13:15

5-Dec-22 13:15

Thanks. I learned some new things here.

One question -
That DP syntax you used is unfamiliar to me. How do you set the default value for the TextDecoration's DP?

I've always used this syntax for a DP, but for some reason it won't compile here:

public static readonly DependencyProperty TextDecorationsProperty =
            DependencyProperty.Register("TextDecorations",
            typeof(TextDecorations),
            typeof(MaroisHyperlink),
            new PropertyMetadata(TextDecorations.Underline));

public TextDecorations TextDecorations
{
    get { return (TextDecorations)GetValue(TextDecorationsProperty);}
    set { SetValue(TextDecorationsProperty, value); }
}

I get 3 compilation errors:

Cannot convert to static type 'TextDecorations'
'TextDecorations': static types cannot be used as return types
'TextDecorations': static types cannot be used as paramters

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Richard Deeming5-Dec-22 22:57

5-Dec-22 22:57

The AddOwner syntax lets you register another type for use with a DependencyProperty which has already been registered:
How to: Add an Owner Type for a Dependency Property - WPF .NET Framework | Microsoft Learn[^]
DependencyProperty.AddOwner Method (System.Windows) | Microsoft Learn[^]

You can't use the TextDecorations class[^] as the property type; that's a static class used to provide access to the standard text decorations. Instead, you need to use the TextDecorationCollection class[^] as the property type, which is what the Inlines.TextDecorations property[^] does:

Reference Source[^]:

/// <summary>
/// DependencyProperty for <see cref="TextDecorations" /> property.
/// </summary>
public static readonly DependencyProperty TextDecorationsProperty = 
    DependencyProperty.Register(
        "TextDecorations", 
        typeof(TextDecorationCollection), 
        typeof(Inline),
        new FrameworkPropertyMetadata(
            new FreezableDefaultValueFactory(TextDecorationCollection.Empty), 
            FrameworkPropertyMetadataOptions.AffectsRender 
        ));

/// <summary>
/// The TextDecorations property specifies decorations that are added to the text of an element.
/// </summary>
public TextDecorationCollection TextDecorations
{
    get { return (TextDecorationCollection) GetValue(TextDecorationsProperty); }
    set { SetValue(TextDecorationsProperty, value); }
}

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois5-Dec-22 14:57

5-Dec-22 14:57

I stumbled across this also. I needed put the triggers INSIDE the template:

<ControlTemplate.Triggers>

    <Trigger Property="IsMouseOver" Value="true">
        <Setter TargetName="hyperLink" Property="TextDecorations" Value="{Binding TextDecorations, RelativeSource={RelativeSource TemplatedParent}}"/>
        <Setter TargetName="hyperLink" Property="Foreground" Value="{Binding HoverBrush, RelativeSource={RelativeSource TemplatedParent}}"/>
    </Trigger>

</ControlTemplate.Triggers>

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Kevin Marois5-Dec-22 15:10

WPF .Net Core Relay Command with Parameters

5-Dec-22 15:10

I beleive I finally have it working! This was mainly about me learning how to create Custome Controls. I appreciate all your help. I learned a lot.

Here's the finiished product!
Generic.xaml

<Style TargetType="{x:Type local:MaroisHyperlink}">

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate>

                <TextBlock>

                    <Hyperlink x:Name="hyperLink" 
                                Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"
                                TextDecorations="{Binding TextDecorations, RelativeSource={RelativeSource TemplatedParent}}">

                        <TextBlock Text="{Binding LinkText, 
                                    RelativeSource={RelativeSource TemplatedParent}}"/>

                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <i:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource FindAncestor, 
                                                                    AncestorType=Control}, Path=LinkClickedCommand}"/>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>

                    </Hyperlink>

                </TextBlock>

            <ControlTemplate.Triggers>

                <Trigger Property="IsMouseOver" Value="true">
                    <Setter TargetName="hyperLink" Property="TextDecorations" Value="{Binding TextDecorations, RelativeSource={RelativeSource TemplatedParent}}"/>
                    <Setter TargetName="hyperLink" Property="Foreground" Value="{Binding HoverBrush, RelativeSource={RelativeSource TemplatedParent}}"/>
                </Trigger>

            </ControlTemplate.Triggers>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

Code Behind

public class MaroisHyperlink : ControlBase
{
    #region Routed Events
    #region LinkClickedEvent
    public static readonly RoutedEvent LinkClickedEvent =
                EventManager.RegisterRoutedEvent("LinkClicked",
                RoutingStrategy.Bubble,
                typeof(RoutedEventHandler),
                typeof(MaroisHyperlink));

    public event RoutedEventHandler LinkClicked
    {
        add { AddHandler(LinkClickedEvent, value); }
        remove { RemoveHandler(LinkClickedEvent, value); }
    }

    private void RaiseLinkClickedEvent()
    {
        RoutedEventArgs args = new RoutedEventArgs(LinkClickedEvent);
        RaiseEvent(args);
    }
    #endregion
    #endregion

    #region DP's
    #region DP TextDecorations
    public static readonly DependencyProperty TextDecorationsProperty =
        Inline.TextDecorationsProperty.AddOwner(typeof(MaroisHyperlink));

    public TextDecorationCollection TextDecorations
    {
        get { return (TextDecorationCollection)GetValue(TextDecorationsProperty); }
        set { SetValue(TextDecorationsProperty, value); }
    }
    #endregion

    #region DP HoverBrush
    public static readonly DependencyProperty HoverBrushProperty =
                DependencyProperty.Register("HoverBrush",
                typeof(SolidColorBrush),
                typeof(MaroisHyperlink),
                new PropertyMetadata(new SolidColorBrush(Colors.Green)));

    public SolidColorBrush HoverBrush
    {
        get { return (SolidColorBrush)GetValue(HoverBrushProperty); }
        set { SetValue(HoverBrushProperty, value); }
    }
    #endregion

    #region DP LinkText
    public static readonly DependencyProperty LinkTextProperty =
                DependencyProperty.Register("LinkText",
                typeof(string),
                typeof(MaroisHyperlink),
                new PropertyMetadata("MaroisHyperlink"));

    public string LinkText
    {
        get { return (string)GetValue(LinkTextProperty); }
        set { SetValue(LinkTextProperty, value); }
    }
    #endregion
    #endregion

    #region Commands
    private ICommand? _LinkClickedCommand;
    public ICommand LinkClickedCommand
    {
        get
        {
            if (_LinkClickedCommand == null)
                _LinkClickedCommand = new RelayCommand(LinkClickedExecuted);
            return _LinkClickedCommand;
        }
    }
    #endregion

    #region CTOR
    static MaroisHyperlink()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(MaroisHyperlink),
            new FrameworkPropertyMetadata(typeof(MaroisHyperlink)));
    }
    #endregion

    #region Private Methods
    private void LinkClickedExecuted()
    {
        RaiseLinkClickedEvent();
    }
    #endregion
}

Usage, with overriding style

XML

<Window x:Class="Marois.Framework.Core.WPF.Controls.Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:marois="clr-namespace:Marois.Framework.Core.WPF.Controls;assembly=Marois.Framework.Core.WPF.Controls"
        mc:Ignorable="d"
        WindowStartupLocation="CenterScreen"
        Title="Marois Controls Demo" 
        Height="450" 
        Width="800">

    <Window.Resources>

        <Style TargetType="{x:Type marois:MaroisHyperlink}">

            <Setter Property="HoverBrush" Value="OliveDrab"/>
            <Setter Property="Foreground" Value="Cyan"/>
            <Setter Property="FontSize" Value="30"/>

            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Foreground" Value="BlanchedAlmond" />
                    <Setter Property="TextDecorations" Value="Underline" />
                </Trigger>

                <Trigger Property="IsEnabled" Value="false">
                    <Setter Property="Foreground" Value="LightGray" />
                    <Setter Property="TextDecorations" Value="None" />
                </Trigger>

            </Style.Triggers>

        </Style>

    </Window.Resources>

    <Grid>

        <StackPanel Orientation="Vertical">

            <CheckBox x:Name="checkBox"
                      Content="Enabled"
                      IsChecked="True"
                      Margin="5"/>

            <marois:MaroisHyperlink x:Name="link" 
                                    Margin="5"
                                    IsEnabled="{Binding ElementName=checkBox, Path=IsChecked}"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Top">

                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="LinkClicked">
                        <i:InvokeCommandAction Command="{Binding MaroisLinkClickedCommand}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>

            </marois:MaroisHyperlink>

        </StackPanel>

    </Grid>

</Window>

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Kevin Marois1-Dec-22 14:50

1-Dec-22 14:50

Following this SO article, I'm trying to create a relay command that takes parameters:

<ctrls:MaroisHyperlink LinkText="Forgot Password?"
                        Foreground="SteelBlue"
                        Margin="30,0,0,0"
                        Height="20">

    <i:Interaction.Triggers>
        <i:EventTrigger EventName="LinkClicked">
            <i:InvokeCommandAction Command="{Binding ForgotPasswordClickedCommand}"
                                    CommandParameter="True"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>

</ctrls:MaroisHyperlink>

Here's my RelayCommand<t> class:

namespace Marois.Framework.Core.Utilities
{
    public class RelayCommand<T> : ICommand
    {
        private readonly Action<T> execute;

        private readonly Func<T, bool> canExecute;

        public RelayCommand(Action<T> execute)
            : this(execute, null)
        {
        }

        public RelayCommand(Action<T> execute, Func<T, bool> canExecute)
        {
            ArgumentNullException.ThrowIfNull(execute);

            this.execute = execute;
            this.canExecute = canExecute;
            this.RaiseCanExecuteChangedAction = RaiseCanExecuteChanged;

            SimpleCommandManager.AddRaiseCanExecuteChangedAction(ref RaiseCanExecuteChangedAction);
        }

        ~RelayCommand()
        {
            RemoveCommand();
        }

        public void RemoveCommand()
        {
            SimpleCommandManager.RemoveRaiseCanExecuteChangedAction(RaiseCanExecuteChangedAction);
        }

        bool ICommand.CanExecute(object? parameter)
        {
            return canExecute((T)parameter);
        }

        public void Execute(object? parameter)
        {
            if (CanExecute(parameter))
            {
                execute((T)parameter);
            }
        }

        public bool CanExecute(object? parameter)
        {
            return canExecute == null ? true : canExecute((T)parameter);
        }

        public void RaiseCanExecuteChanged()
        {
            var handler = CanExecuteChanged;
            if (handler != null)
            {
                handler(this, new EventArgs());
            }
        }

        private readonly Action RaiseCanExecuteChangedAction;

        public event EventHandler CanExecuteChanged;
    }

    public static class SimpleCommandManager
    {
        private static List<Action> _raiseCanExecuteChangedActions = new List<Action>();

        public static void AddRaiseCanExecuteChangedAction(ref Action raiseCanExecuteChangedAction)
        {
            _raiseCanExecuteChangedActions.Add(raiseCanExecuteChangedAction);
        }

        public static void RemoveRaiseCanExecuteChangedAction(Action raiseCanExecuteChangedAction)
        {
            _raiseCanExecuteChangedActions.Remove(raiseCanExecuteChangedAction);
        }

        public static void AssignOnPropertyChanged(ref PropertyChangedEventHandler propertyEventHandler)
        {
            propertyEventHandler += OnPropertyChanged;
        }

        private static void OnPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            // this if clause is to prevent an infinity loop
            if (e.PropertyName != "CanExecute")
            {
                RefreshCommandStates();
            }
        }

        public static void RefreshCommandStates()
        {
            for (var i = 0; i < _raiseCanExecuteChangedActions.Count; i++)
            {
                var raiseCanExecuteChangedAction = _raiseCanExecuteChangedActions[i];
                if (raiseCanExecuteChangedAction != null)
                {
                    raiseCanExecuteChangedAction.Invoke();
                }
            }
        }
    }

}

and here's the VM

private ICommand? _ForgotPasswordClickedCommand;
public ICommand ForgotPasswordClickedCommand
{
    get
    {
        if (_ForgotPasswordClickedCommand == null)
            _ForgotPasswordClickedCommand = new RelayCommand<bool>(p => ForgotPasswordLinkClickedExecuted(p), a => ForgotPasswordCanExecute(a));
        return _ForgotPasswordClickedCommand;
    }
}

private bool ForgotPasswordCanExecute(bool args)
{
    return true;
}

private void ForgotPasswordLinkClickedExecuted(bool args)
{
}

When I set the parameter type to Object then it works fine. But if I set it to Bool, as above, then I get the following exception:

'Unable to cast object of type 'System.String' to type 'System.Boolean'.'

I have an implementation of this a WPF .Net Framework and it works fine. But in the .Net Core app I get the error.

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Forgot Password

Kevin Marois1-Dec-22 14:06

1-Dec-22 14:06

I have a WPF app with a Login window. I'd like to add a "Forgor Password?" link in it. The question is, how would I implement it?

The app has an Employees page. I could put something there that could be checked when the link is clicked.

Another option would be to send an email to the user, but then what?

Any ideas?

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Re: Forgot Password

Richard Deeming1-Dec-22 23:10

Troy Hunt: Everything you ever wanted to know about building a secure password reset feature[^]

1-Dec-22 23:10

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

WPF Core Hyperlkink Custom Control

Kevin Marois29-Nov-22 17:29

Re: WPF Core Hyperlkink Custom Control

29-Nov-22 17:29

I'm trying to create what I thought would be a simple custom control to implement a hyperlink.

This all works in WPF .Net Framework, but in .Net Core I have 2 problems. First, here's the code:

XAML

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:MaroisHyperlink"
                    xmlns:i="http://schemas.microsoft.com/xaml/behaviors">

<pre>
<Style TargetType="{x:Type local:MaroisHyperlink}">

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate>

                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">

                    <TextBlock>

                        <Hyperlink>

                             <TextBlock Text="{Binding LinkText}"/>

                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <i:InvokeCommandAction Command="{Binding LinkClickedCommand}"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>

                        </Hyperlink>

                    </TextBlock>

                </Border>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

Code Behind

using Marois.Framework.Core.Utilities;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace MaroisHyperlink
{
    public class MaroisHyperlink : Control
    {
        #region Commands
        private ICommand? _LinkClickedCommand;
        public ICommand LinkClickedCommand
        {
            get
            {
                if (_LinkClickedCommand == null)
                    _LinkClickedCommand = new RelayCommand(LinkClickedExecuted, LinkClickedCanExecute);
                return _LinkClickedCommand;
            }
        }
        #endregion

        #region DP LinkText
        public static readonly DependencyProperty LinkTextProperty =
                    DependencyProperty.Register("LinkText",
                    typeof(string),
                    typeof(MaroisHyperlink),
                    new PropertyMetadata("", new PropertyChangedCallback(OnLinkTextChanged)));

        public string LinkText
        {
            get { return (string)GetValue(LinkTextProperty); }
            set { SetValue(LinkTextProperty, value); }
        }

        private static void OnLinkTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            //var control = (MaroisHyperlink)d;
        }
        #endregion

        #region LinkClickedEvent
        public static readonly RoutedEvent LinkClickedEvent =
                    EventManager.RegisterRoutedEvent("LinkClicked",
                    RoutingStrategy.Bubble,
                    typeof(RoutedEventHandler),
                    typeof(MaroisHyperlink));

        public event RoutedEventHandler LinkClicked
        {
            add { AddHandler(LinkClickedEvent, value); }
            remove { RemoveHandler(LinkClickedEvent, value); }
        }

        private void RaiseLinkClickedEvent()
        {
            RaiseEvent(new RoutedEventArgs(LinkClickedEvent));
        }
        #endregion

        #region CTOR
        static MaroisHyperlink()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(MaroisHyperlink),
                new FrameworkPropertyMetadata(typeof(MaroisHyperlink)));
        }
        #endregion

        #region Private Methods
        private bool LinkClickedCanExecute()
        {
            return IsEnabled;
        }

        private void LinkClickedExecuted()
        {
            RaiseLinkClickedEvent();
        }
        #endregion
    }
}

Window

<Window x:Class="HyperlinkDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:link="clr-namespace:MaroisHyperlink;assembly=MaroisHyperlink"
        WindowStartupLocation="CenterScreen"
        mc:Ignorable="d"
        Title="MainWindow" 
        Height="300" 
        Width="500">

<pre>
<Grid>

    <link:MaroisHyperlink LinkText="Click This Link!"
                          HorizontalAlignment="Center"
                          VerticalAlignment="Center"
                          FontSize="16"/>

</Grid>

Problems

1. The LinkText is not appearing. I get no binding errors, but when I run it, there's nothing showing. If I set the inner TextBox's text to something, then it shows up.

<TextBlock>

<pre>
<Hyperlink>

    <TextBlock Text="THIS SHOWS UP"/>

</Hyperlink>

2. This doesn't compile:

<i:Interaction.Triggers>
    <i:EventTrigger EventName="Click">
        <i:InvokeCommandAction Command="{Binding LinkClickedCommand}"/>
    </i:EventTrigger>
</i:Interaction.Triggers>

I get

The type 'Interaction' was not found. Verify that you are not missing an assembly reference and that all referenced assemblies have been built.

I have package "Microsoft.Xaml.Behaviors.WPF (1.1.39") installed and my namespace is "xmlns:i="http://schemas.microsoft.com/xaml/behaviors"

Thanks

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Richard Deeming29-Nov-22 22:59

Re: WPF Core Hyperlkink Custom Control

29-Nov-22 22:59

You're binding to a property defined in the code-behind of the control. But the DataContext isn't set anywhere, so it will be inherited from the parent. You'll need to use a TemplateBinding to bind to the control's properties:

XAML

<Style TargetType="{x:Type local:MaroisHyperlink}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <TextBlock>
                        <Hyperlink>
                             <TextBlock Text="{TemplateBinding LinkText}"/>
                             <i:Interaction.Triggers>
                                 <i:EventTrigger EventName="Click">
                                     <i:InvokeCommandAction Command="{TemplateBinding LinkClickedCommand}"/>
                                 </i:EventTrigger>
                             </i:Interaction.Triggers>
                        </Hyperlink>
                    </TextBlock>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

The Interaction markup looks correct to me. I can't see any reason for that not to compile, unless the NuGet package reference isn't loading correctly. It may be worth raising an issue on the GitHub project for that library[^].

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois30-Nov-22 6:46

Re: WPF Core Hyperlkink Custom Control

30-Nov-22 6:46

Had to add the RelativeSource:

<TextBlock Text="{Binding LinkText, RelativeSource={RelativeSource TemplatedParent}}"/>

However that doesn't seem to work in the command (For some reason the command code now compiles):

<i:Interaction.Triggers>
    <i:EventTrigger EventName="Click">
        <i:InvokeCommandAction Command="{TemplateBinding LinkClickedCommand, RelativeSource={RelativeSource TemplatedParent}}"/>
    </i:EventTrigger>
</i:Interaction.Triggers>

with

The property 'RelativeSource' was not found in type 'TemplateBindingExtension'.

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

modified 30-Nov-22 12:05pm.

Richard Deeming30-Nov-22 22:25

30-Nov-22 22:25

{TemplateBinding x} should be equivalent to {Binding x, RelativeSource={RelativeSource TemplatedParent}}.

The error is telling you that you can't set a RelativeSource on a TemplateBinding.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Path Images

Kevin Marois29-Nov-22 15:57

29-Nov-22 15:57

I'd like to use paths for images so I can set the stroke & fill at runtime.

Is it possible to convert PNG or JPG files to XAML?

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

modified 29-Nov-22 21:36pm.

Re: Path Images

Richard Deeming30-Nov-22 0:46

DropShadowEffect Above & Below

30-Nov-22 0:46

There are a number of tools you can use to convert PNG/JPEG images to XAML. For example, Inkscape[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois29-Nov-22 15:30

Re: DropShadowEffect Above & Below

29-Nov-22 15:30

How can I create a drop shadow effect all around an element?

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Richard Deeming30-Nov-22 0:43

Re: DropShadowEffect Above & Below

30-Nov-22 0:43

Have you tried using a DropShadowEffect[^]?

NB: Avoid the DropShadowBitmapEffect, which has been obsolete since .NET Framework 4 because it was so slow.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois30-Nov-22 6:32

Re: DropShadowEffect Above & Below

30-Nov-22 6:32

Sorry, I should have given more info. Here's what I have so far:

<Border Grid.Row="1" 
        Margin="0,20,0,20"
        VerticalAlignment="Center"
        BorderBrush="Transparent"
        Height="250">

<pre>
<Border.Effect>
    <DropShadowEffect Color="LightGray"
                        ShadowDepth="7"
                        Direction="90"/>
</Border.Effect>

This puts the drop shadow along the top. I'd like it both at the top and bottom

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Richard Deeming30-Nov-22 22:30

What's Wrong With This Style?

30-Nov-22 22:30

Try setting the ShadowDepth to 0 and playing with the BlurRadius instead.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois21-Nov-22 10:57

Re: What's Wrong With This Style?

21-Nov-22 10:57

I'm creating a theme with a base style for all controls:

<FontFamily x:Key="Font.Family.Default">Segoe UI</FontFamily>
<sys:Double x:Key="Font.Size.Header1">18</sys:Double>
<sys:Double x:Key="Font.Size.Header2">16</sys:Double>
<sys:Double x:Key="Font.Size.Header3">14</sys:Double>
<sys:Double x:Key="Font.Size.Normal">12</sys:Double>

<SolidColorBrush x:Key="TextBlock.Static.Background" Color="Transparent"/>
<SolidColorBrush x:Key="TextBlock.Static.Foreground" Color="DarkGray"/>

<Style x:Key="ControlBase" TargetType="{x:Type Control}">

    <Setter Property="Control.FontSize" Value="{StaticResource Font.Size.Normal}"/>
    <Setter Property="Control.FontFamily" Value="{StaticResource Font.Family.Default}"/>
    <Setter Property="Control.HorizontalAlignment" Value="Center"/>
    <Setter Property="Control.VerticalAlignment" Value="Center"/>

</Style>

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

    <Setter Property="Background" Value="{StaticResource TextBlock.Static.Background}"/>
    <Setter Property="Foreground" Value="{StaticResource TextBlock.Static.Foreground}"/>

</Style>

I'm trying to use it like this:

<TextBlock Grid.Row="0" 
            Grid.Column="0"
            Text="Test"
            Margin="22,0,0,0"/>

The designer wont load, and when I run it I get

System.Windows.Markup.XamlParseException
  Message='Initialization of 'System.Windows.Controls.TextBlock' threw an exception.' Line number '56' and line position '20'.

    Inner Exception 1:
    InvalidOperationException: Can only base on a Style with target type that is base type 'TextBlock'.

What's wrong here??

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Gerry Schmitz21-Nov-22 11:17

Gerry Schmitz

21-Nov-22 11:17

TextBlock doesn't inherit from class Control.

"Before entering on an understanding, I have meditated for a long time, and have foreseen what might happen. It is not genius which reveals to me suddenly, secretly, what I have to say or to do in a circumstance unexpected by other people; it is reflection, it is meditation." - Napoleon I

Re: What's Wrong With This Style?

Kevin Marois21-Nov-22 12:44

21-Nov-22 12:44

LOL - I knew that. Wow, I need to take a break.

Thanks

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Style Question

Kevin Marois20-Nov-22 11:30

20-Nov-22 11:30

I have this in my theme file:

<Style TargetType="TextBlock">

    <Setter Property="Foreground" Value="{DynamicResource textForegroundBrush}"/>
    <Setter Property="FontSize" Value="14"/>

</Style>

Now, in a window I want to add additional settings

<Window.Resources>

    <Style x:Key="headerTextStyle" 
            TargetType="TextBox">

        <Setter Property="FontSize" Value="24"/>

    </Style>

</Window.Resources>

Since the theme's style does not have a key, how do I base the window's style off the sstyle in the theme?

If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.

Re: Style Question

Richard Deeming20-Nov-22 23:37