WinUI HyperlinkButton is not displayed underlined

Question

I am using the WinUI technology.

I would like to display a HyperlinkButton in my XAML.

The problem is that the HyperlinkButton is not displayed underlined. But according to this documentation this should be the case / the default behavior: MSDN - HyperlinkButton Class

Here is what I have:

<HyperlinkButton Content="Example" Click="HyperlinkButton_Click" />

Neither I have any style that would affect how the button is displayed nor did I change a template.

What am I missing? Thank you.

UPDATE

The problem exists in version 1.0.1 (march 2022) of Windows App SDK as well as in version 1.0.0 (november 2021), see windows-app-sdk/downloads

I got the result same as you. And I'm trying to consult.

YangXiaoPo-MSFT
– YangXiaoPo-MSFT

2022-04-01 01:42:50 +00:00
Commented Apr 1, 2022 at 1:42 — YangXiaoPo-MSFT
– YangXiaoPo-MSFT, Commented Apr 1, 2022 at 1:42

mm8 · Accepted Answer · 2022-04-04 13:24:17Z

1

The template of the HyperlinkButton has changed in later versions of the Windows App SDK (1.0.0+) but apparently the documentation hasn't been updated.

You should still be able to use a Hyperlink element to get an underlined link though:

<TextBlock>
    <Hyperlink Click="Hyperlink_Click">Example</Hyperlink>
</TextBlock>

edited Apr 4, 2022 at 13:24

answered Apr 3, 2022 at 20:10

mm8

170k10 gold badges70 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Martin Over a year ago

Thank you for your answer. I have a visual studio project that still targets Windows App SDK version 1.0.0 and the behavior is the same, i.e. the link is not displayed underlined. So I presume that new version 1.0.1 has nothing to do with this? However the example you provided with the Hyperlink inside a TextBlock works, the link is displayed underlined. Should we remove the part of the answer that mentions the new version of the Windows App SDK? I will update my question respectivly (the problem exists in 1.0.0 and 1.0.1).

mm8 Over a year ago

I guess it was modified prior to 1.0.1 being released then. I edited the answer slightly. Anyway, the templates has changed and the text of a HyperlinkButton is no longer underlined by default.

YangXiaoPo-MSFT · Accepted Answer · 2022-04-21 06:24:45Z

1

HyperlinkButton missing underlined text is almost confirmed a bug.
As a workaround to add underline on the button text string, you can try the following way to display something with TextDecorations property as "Underline".

        <HyperlinkButton Click="HyperlinkButton_Click">
            <TextBlock Text="www.microsoft.com" TextDecorations="Underline" />
        </HyperlinkButton>

Edit:
Finally, according to the issue,

The documentation needs updating to reflect the updated design for HyperlinkButton first introduced in WinUI 2.6, see the WinUI Figma toolkit for more info.

edited Apr 21, 2022 at 6:24

answered Apr 20, 2022 at 2:26

YangXiaoPo-MSFT

2,1931 gold badge9 silver badges32 bronze badges

Collectives™ on Stack Overflow

WinUI HyperlinkButton is not displayed underlined

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related