<!-- Copyright (c) Microsoft Corporation. All rights reserved. -->
<UserControl x:Class="Microsoft.WindowsAPICodePack.Controls.WindowsPresentationFoundation.CommandLink"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="325"
Height="63"
HorizontalAlignment="Left"
Margin="0,0,0,12"
>
<UserControl.Resources>
<Style TargetType="{x:Type RadioButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RadioButton}">
<Canvas>
<Canvas Name="Normal" Opacity="1">
<StackPanel Margin="7,7,7,7" Orientation="Horizontal">
<Image Source="{Binding Path=Icon}" />
<StackPanel Margin="6,0,0,10">
<TextBlock FontFamily="Segoe" FontSize="16" Foreground="#282671" Text="{Binding Path=Link}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
<TextBlock FontFamily="Segoe" FontSize="10" Foreground="#282671" Text="{Binding Path=Note}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
</StackPanel>
</StackPanel>
</Canvas>
<Canvas Opacity="0" Name="Selected">
<Rectangle Stroke="Cyan" Fill="White" RadiusX="2" RadiusY ="2" Width="520" Height="63"/>
<StackPanel Margin="7,7,7,7" Orientation="Horizontal">
<Image Source="{Binding Path=Icon}" />
<StackPanel Margin="6,0,0,10">
<TextBlock FontFamily="Segoe" FontSize="16" Foreground="#5380f6" Text="{Binding Path=Link}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
<TextBlock FontFamily="Segoe" FontSize="10" Foreground="#5380f6" Text="{Binding Path=Note}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
</StackPanel>
</StackPanel>
</Canvas>
<Canvas Opacity="0" Name="Hover">
<Rectangle Stroke="Gray" RadiusX="2" RadiusY ="2" Width="520" Height="63">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<LinearGradientBrush.GradientStops>
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="#F9F9F9" Offset="0.30"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<StackPanel Margin="7,7,7,7" Orientation="Horizontal">
<Image Source="{Binding Path=Icon}" />
<StackPanel Margin="6,0,0,10">
<TextBlock FontFamily="Segoe" FontSize="16" Foreground="#5380f6" Text="{Binding Path=Link}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
<TextBlock FontFamily="Segoe" FontSize="10" Foreground="#5380f6" Text="{Binding Path=Note}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
</StackPanel>
</StackPanel>
</Canvas>
<Canvas Opacity="0" Name="Pressed">
<Rectangle Stroke="#6868a9" RadiusX="2" RadiusY ="2" Width="520" Height="63">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0.25" EndPoint="1,0.75">
<LinearGradientBrush.GradientStops>
<GradientStop Color="#93b9db" Offset="0"/>
<GradientStop Color="#ebf6fa" Offset="0.50"/>
<GradientStop Color="#93b9db" Offset="1"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Rectangle.Fill>
<Rectangle.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="LightGray" GlowSize="3"/>
</Rectangle.BitmapEffect>
</Rectangle>
<StackPanel Margin="7,7,7,7" Orientation="Horizontal">
<Image Source="{Binding Path=Icon}" />
<StackPanel Margin="6,0,0,10">
<TextBlock FontFamily="Segoe" FontSize="16" Foreground="#294073" Text="{Binding Path=Link}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
<TextBlock FontFamily="Segoe" FontSize="10" Foreground="#294073" Text="{Binding Path=Note}">
<TextBlock.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="White" GlowSize="5"/>
</TextBlock.BitmapEffect>
</TextBlock>
</StackPanel>
</StackPanel>
</Canvas>
</Canvas>
<ControlTemplate.Triggers>
<DataTrigger Value="True" Binding="{Binding Path=IsChecked, RelativeSource={RelativeSource Self}}">
<DataTrigger.EnterActions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Selected" Storyboard.TargetProperty="Opacity">
<DoubleAnimation AccelerationRatio="0.2" DecelerationRatio="0.3" From="0.3" To="0.7" Duration="0:0:2" AutoReverse="True" RepeatBehavior="Forever"/>
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.ExitActions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Selected" Storyboard.TargetProperty="Opacity">
<DoubleAnimation To="0" Duration="0:0:1" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.ExitActions>
</DataTrigger>
<EventTrigger RoutedEvent="Button.MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Hover" Storyboard.TargetProperty="Opacity">
<DoubleAnimation To="1" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Button.MouseLeave">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Hover" Storyboard.TargetProperty="Opacity">
<DoubleAnimation To="0" Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Button.PreviewMouseLeftButtonDown">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Pressed" Storyboard.TargetProperty="Opacity">
<DoubleAnimation To="1" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Button.PreviewMouseLeftButtonUp">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard Storyboard.TargetName="Pressed" Storyboard.TargetProperty="Opacity">
<DoubleAnimation To="0" Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<RadioButton GroupName="commandLinkGroup" Name="button"/>
</UserControl>
Submit an article or tip