Merge pull request #2256 from BlythMeister/FlyoutButtonCancel

Adding IsCancel="True" to Flyout button

Author: punker76

MahApps.Metro/Controls/Flyout.cs

@@ -58,6 +58,7 @@ public event RoutedEventHandler ClosingFinished
         public static readonly DependencyProperty ThemeProperty = DependencyProperty.Register("Theme", typeof(FlyoutTheme), typeof(Flyout), new FrameworkPropertyMetadata(FlyoutTheme.Dark, ThemeChanged));
         public static readonly DependencyProperty ExternalCloseButtonProperty = DependencyProperty.Register("ExternalCloseButton", typeof(MouseButton), typeof(Flyout), new PropertyMetadata(MouseButton.Left));
         public static readonly DependencyProperty CloseButtonVisibilityProperty = DependencyProperty.Register("CloseButtonVisibility", typeof(Visibility), typeof(Flyout), new FrameworkPropertyMetadata(Visibility.Visible));
+        public static readonly DependencyProperty CloseButtonIsCancelProperty = DependencyProperty.Register("CloseButtonIsCancel", typeof(bool), typeof(Flyout), new FrameworkPropertyMetadata(false));
         public static readonly DependencyProperty TitleVisibilityProperty = DependencyProperty.Register("TitleVisibility", typeof(Visibility), typeof(Flyout), new FrameworkPropertyMetadata(Visibility.Visible));
         public static readonly DependencyProperty AreAnimationsEnabledProperty = DependencyProperty.Register("AreAnimationsEnabled", typeof(bool), typeof(Flyout), new PropertyMetadata(true));
         public static readonly DependencyProperty FocusedElementProperty = DependencyProperty.Register("FocusedElement", typeof(FrameworkElement), typeof(Flyout), new UIPropertyMetadata(null));
@@ -90,6 +91,15 @@ public Visibility CloseButtonVisibility
             set { SetValue(CloseButtonVisibilityProperty, value); }
         }
 
+        /// <summary>
+        /// Gets/sets if the close button is a cancel button in this flyout.
+        /// </summary>
+        public bool CloseButtonIsCancel
+        {
+            get { return (bool)GetValue(CloseButtonIsCancelProperty); }
+            set { SetValue(CloseButtonIsCancelProperty, value); }
+        }
+
         /// <summary>
         /// An ICommand that executes when the flyout's close button is clicked.
         /// Note that this won't execute when <see cref="IsOpen"/> is set to <c>false</c>.

MahApps.Metro/Themes/Flyout.xaml

@@ -26,7 +26,8 @@
                     FontFamily="Segoe UI Symbol"
                     Foreground="{Binding RelativeSource={RelativeSource AncestorType={x:Type Controls:Flyout}}, Path=Foreground}"
                     FontSize="16"
-                    VerticalAlignment="Bottom">
+                    VerticalAlignment="Bottom"
+                    IsCancel="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Controls:Flyout}}, Path=CloseButtonIsCancel}">
                 <i:Interaction.Triggers>
                     <i:EventTrigger EventName="Click">
                         <Actions:SetFlyoutOpenAction TargetObject="{Binding RelativeSource={RelativeSource AncestorType={x:Type Controls:Flyout}}}"

samples/MetroDemo/ExampleWindows/FlyoutDemo.xaml

@@ -147,7 +147,8 @@
             <Controls:Flyout Header="New Goodness"
                              Position="Right"
                              AnimateOpacity="True"
-                             Width="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Controls:MetroWindow}, Path=ActualWidth, Mode=OneWay}">
+                             Width="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Controls:MetroWindow}, Path=ActualWidth, Mode=OneWay}"
+                             CloseButtonIsCancel="True">
                 <StackPanel Orientation="Vertical"
                             Margin="10">
                     <Button Content="create" />