From ee72f4d4cd5966fd45f119025bd29c6267d621b2 Mon Sep 17 00:00:00 2001
From: Andrii Chebukin <xperiandri@live.ru>
Date: Sun, 22 Aug 2021 00:07:53 +0300
Subject: [PATCH] Implemented validation sample using ValidationControl with
 error styling

---
 .../Samples.Shared/ValidationPage.xaml        | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/Samples/Samples.Shared/ValidationPage.xaml b/src/Samples/Samples.Shared/ValidationPage.xaml
index 112c1000..8e748fed 100644
--- a/src/Samples/Samples.Shared/ValidationPage.xaml
+++ b/src/Samples/Samples.Shared/ValidationPage.xaml
@@ -13,7 +13,8 @@
   Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
   mc:Ignorable="d xamarin">
 
-  <!-- <Page.Resources>
+  <Page.Resources>
+    <!--
     <Style x:Key="textBoxInError" TargetType="Control">
       <Setter Property="Validation.ErrorTemplate">
         <Setter.Value>
@@ -35,7 +36,15 @@
         </Setter.Value>
       </Setter>
     </Style>
-  </Page.Resources>-->
+    -->
+    <Style x:Key="TextBoxErrorStyle" TargetType="TextBox">
+      <Setter Property="BorderBrush" Value="Red" />
+      <Setter Property="CornerRadius" Value="{StaticResource ControlCornerRadius}" />
+    </Style>
+    <DataTemplate x:Key="ErrorItemTemplate">
+      <TextBlock Foreground="Red" Text="{Binding}" />
+    </DataTemplate>
+  </Page.Resources>
   <Grid
     MinWidth="300"
     Margin="0,25,0,0"
@@ -62,7 +71,9 @@
       Grid.Row="0"
       Grid.Column="1"
       Margin="5"
-      PropertyName="Value">
+      PropertyName="Value"
+      ErrorContentStyle="{StaticResource TextBoxErrorStyle}"
+      ErrorItemTemplate="{StaticResource ErrorItemTemplate}">
       <TextBox Description="Valid value is 42" Text="{Binding Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
     </ctrl:ValidationControl>
     <TextBlock
@@ -77,7 +88,9 @@
       Grid.Row="1"
       Grid.Column="1"
       Margin="5"
-      PropertyName="Password">
+      PropertyName="Password"
+      ErrorContentStyle="{StaticResource TextBoxErrorStyle}"
+      ErrorItemTemplate="{StaticResource ErrorItemTemplate}">
       <TextBox Description="Requires upper case, lower case and digit" Text="{Binding Password, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
     </ctrl:ValidationControl>