[UWP][C#]Simple Button Question

Question

I'm wondering how to make a button the settings Icon from Segoe MDL2 Assets, instead of a button with the settings icon inside of it as the content. Right now, I have a button that has the content set to the settings button, but the background is still a grey button when highlighted and a bit rigid as seen below.

Xaml

<Button FontFamily="Segoe MDL2 Assets" Content="&#xE115;" FontSize="12" Click="Button_Click" Background="{ThemeResource SystemControlAcrylicWindowBrush}" RequestedTheme="Default"/>

I'm wondering how to make the button the Settings / cogwheel itself instead of a square button with a cogwheel inside of it?

Answer 1

Hello PumpedUpKicks91,

Anyway, try putting Style="{ThemeResource TextBlockButtonStyle}" property in the XAML instead of Background="...".

<Button FontFamily="Segoe MDL2 Assets" Content="&#xE115;" FontSize="12" Click="Button_Click"
        Style="{ThemeResource TextBlockButtonStyle}" RequestedTheme="Default"/>

Answer 2

Thanks, that's what I was looking for. The color of the button (cogwheel) is now blue, but that's okay with me. I'm not sure how to customize the color/scroll-over options for the colors but If I look around enough I'll probably figure it out.

Answer 3

Thank you. If you'd like to customize it further, define a Style based on the TextBlockButtonStyle.

e.g.

    <Page.Resources>
        <Style x:Key="SophisticatedTextBlockButtonStyle" TargetType="ButtonBase" 
               BasedOn="{StaticResource TextBlockButtonStyle}">
            <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}" />
        </Style>
    </Page.Resources>

    <Button FontFamily="Segoe MDL2 Assets" Content="&#xE115;" FontSize="12" Click="Button_Click"
            Style="{StaticResource SophisticatedTextBlockButtonStyle}">

If you want to alter animations, you may need to overhaul the huge ControlTemplate including a lot of VisualStates. In anyway, staring at the acutal TextBlockButtonStyle defined in generic.xaml, consider how to tackle it!

Answer 4

Awesome, thank you. I sincerely appreciate your time and advice. I'm saving developing the animations for last xD. As far as those go, right now I feel like Gandalf is standing in the way ("you shall not pass!"). You don't happen to have a pet balrog do ya?