Added a Trigger to MouseOver Property

Added Trigger to show Validation Message on MouseOver the red Triangle
MahApps · Jul 10, 2019 · 637e0a0 · 637e0a0
1 parent 86aff86
commit 637e0a0
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/ExampleViews/ButtonsExample.xaml
@@ -240,7 +240,7 @@
                                    Style="{StaticResource MahApps.Metro.Styles.ToggleSwitch.Win10}" />
             <Controls:ToggleSwitch x:Name="visibleSwitch"
                                    Margin="{StaticResource ControlMargin}"
-                                   IsChecked="False"
+                                   IsChecked="{Binding IsToggleSwitchVisible, ValidatesOnDataErrors=True}"
                                    OffLabel="Collapsed"
                                    OnLabel="Visible"
                                    Style="{StaticResource MahApps.Metro.Styles.ToggleSwitch.Win10}" />

diff --git a/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindowViewModel.cs b/src/MahApps.Metro.Samples/MahApps.Metro.Demo/MainWindowViewModel.cs
@@ -300,6 +300,11 @@ public bool IsHamburgerMenuPaneOpen
                     return "No time given!";
                 }
 
+                if (columnName == nameof(IsToggleSwitchVisible) && !IsToggleSwitchVisible)
+                {
+                    return "There is something hidden... \nActivate me to show it up.";
+                }
+
                 return null;
             }
         }
@@ -455,5 +460,7 @@ private void ToggleIconScaling(object obj)
         public bool IsScaleDownLargerFrame => ((MetroWindow)Application.Current.MainWindow).IconScalingMode == MultiFrameImageMode.ScaleDownLargerFrame;
 
         public bool IsNoScaleSmallerFrame => ((MetroWindow)Application.Current.MainWindow).IconScalingMode == MultiFrameImageMode.NoScaleSmallerFrame;
+
+        public bool IsToggleSwitchVisible { get; set; }
     }
 }
diff --git a/src/MahApps.Metro/Styles/ValidationErrorTemplate.xaml b/src/MahApps.Metro/Styles/ValidationErrorTemplate.xaml
@@ -22,7 +22,8 @@
                         BorderThickness="1"
                         DataContext="{Binding ElementName=placeholder}">
 
-                    <Grid Width="12"
+                    <Grid x:Name="RedTriangle" 
+                          Width="12"
                           Height="12"
                           Margin="1 -4 -4 0"
                           HorizontalAlignment="Right"
@@ -125,6 +126,13 @@
                 </MultiDataTrigger.Conditions>
                 <Setter TargetName="ValidationPopup" Property="IsOpen" Value="True" />
             </MultiDataTrigger>
+            <MultiDataTrigger>
+                <MultiDataTrigger.Conditions>
+                    <Condition Binding="{Binding ElementName=RedTriangle, Path=IsMouseOver, Mode=OneWay}" Value="True" />
+                    <Condition Binding="{Binding ElementName=placeholder, Path=AdornedElement.(Validation.HasError), Mode=OneWay}" Value="True" />
+                </MultiDataTrigger.Conditions>
+                <Setter TargetName="ValidationPopup" Property="IsOpen" Value="True" />
+            </MultiDataTrigger>
         </ControlTemplate.Triggers>
     </ControlTemplate>