Revamp TextInputLayout UG contents and source in Hotfix

MAUI/TextInputLayout/Assistive-Labels.md

@@ -50,7 +50,7 @@ When the text input is not accepted, an error message will display instructions
 
 {% highlight xaml %} 
 
-<inputLayout:SfTextInputLayout Hint="Email" 
+<inputLayout:SfTextInputLayout Hint="Email" ContainerType="Outlined"
                                HelperText="Enter your email address"
                                ErrorText="Invalid email"
                                HasError="true">
@@ -64,6 +64,7 @@ When the text input is not accepted, an error message will display instructions
 
 var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Email";
+inputLayout.ContainerType= ContainerType.Outlined;
 inputLayout.HelperText = "Enter your email address";
 inputLayout.ErrorText = "Invalid email";
 inputLayout.HasError = true; 
@@ -87,6 +88,7 @@ Character counter is used when you need to limit the characters. Character limit
 
 <inputLayout:SfTextInputLayout Hint="Password" 
                                CharMaxLength="8"
+                               ContainerType="Outlined"
                                HelperText="Enter 5 to 8 characters">
     <Entry />
 </inputLayout:SfTextInputLayout> 
@@ -99,6 +101,7 @@ Character counter is used when you need to limit the characters. Character limit
 var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Password";
 inputLayout.CharMaxLength = 8;
+inputLayout.ContainerType= ContainerType.Outlined;
 inputLayout.HelperText = "Enter 5 to 8 characters";
 inputLayout.Content = new Entry(); 
 

MAUI/TextInputLayout/Container-Type.md

@@ -21,6 +21,7 @@ The background of the input view will be filled with container color, and its st
 {% highlight xaml %} 
 
 <inputLayout:SfTextInputLayout Hint="Name"
+                               HelperText="Enter the name"
                                ContainerType="Filled">
     <Entry Text="John" />
 </inputLayout:SfTextInputLayout>  
@@ -31,6 +32,7 @@ The background of the input view will be filled with container color, and its st
 
 var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Name";
+inputLayout.HelperText = "Enter the name";
 inputLayout.ContainerType = ContainerType.Filled;
 inputLayout.Content = new Entry() { Text = "John" }; 
 
@@ -49,6 +51,7 @@ When setting the [ContainerType](https://help.syncfusion.com/cr/maui/Syncfusion.
 {% highlight xaml %} 
 
 <inputLayout:SfTextInputLayout Hint="Name"
+                               HelperText="Enter the name"
                                ContainerType="Outlined">
     <Entry Text="John" />
 </inputLayout:SfTextInputLayout>  
@@ -60,6 +63,7 @@ When setting the [ContainerType](https://help.syncfusion.com/cr/maui/Syncfusion.
 
 var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Name";
+inputLayout.HelperText = "Enter the name";
 inputLayout.ContainerType = ContainerType.Outlined;
 inputLayout.Content = new Entry() { Text = "John" }; 
 
@@ -142,7 +146,8 @@ When setting the [ContainerType](https://help.syncfusion.com/cr/maui/Syncfusion.
 
 {% highlight xaml %} 
 
-<inputLayout:SfTextInputLayout Hint="Name" 
+<inputLayout:SfTextInputLayout Hint="Name"
+                               HelperText="Enter the name" 
                                ContainerType="None">
     <Entry Text="John" />
 </inputLayout:SfTextInputLayout>  
@@ -154,6 +159,7 @@ When setting the [ContainerType](https://help.syncfusion.com/cr/maui/Syncfusion.
 
 var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Name";
+inputLayout.HelperText = "Enter the name";
 inputLayout.ContainerType = ContainerType.None;
 inputLayout.Content = new Entry() { Text = "John" }; 
 

MAUI/TextInputLayout/Fixed-Hint-Position.md

@@ -55,8 +55,7 @@ The hint label position of the input view will be set always at the top for the
 
 <inputLayout:SfTextInputLayout Hint="Name"
                                IsHintAlwaysFloated="true" 
-                               ContainerType="Outlined"
-                               HelperText="Enter your name">
+                               ContainerType="Outlined">
         <Entry />
 </inputLayout:SfTextInputLayout>
 
@@ -86,8 +85,7 @@ The hint label position of the input view will be set always at the top for the
 
 <inputLayout:SfTextInputLayout Hint="Name"
                                IsHintAlwaysFloated="true" 
-                               ContainerType="None"
-                               HelperText="Enter your name">
+                               ContainerType="None">
         <Entry />
 </inputLayout:SfTextInputLayout> 
 

MAUI/TextInputLayout/States-And-Colors.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: States and Colors the .NET MAUI Text Input Layout control | Syncfusion®
+title: States and Colors the .NET MAUI Text Input Layout | Syncfusion®
 description: Learn here all about States and Colors support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
 platform: maui
 control: SfTextInputLayout
@@ -25,9 +25,9 @@ I> Cursor color of the input view will be same as the `Accent` color of the appl
 
 {% highlight xaml %} 
 
-<inputLayout:SfTextInputLayout Hint="User name" 
+<inputLayout:SfTextInputLayout Hint="Name" 
                                Stroke="#00AFA0"
-                               HelperText="Enter your name"
+                               HelperText="Enter the name">
     <VisualStateManager.VisualStateGroups>
         <VisualStateGroupList>
             <VisualStateGroup x:Name="CommonStates">
@@ -176,7 +176,7 @@ The color of the container is customized when the [ContainerType](https://help.s
 <inputLayout:SfTextInputLayout Hint="Name" 
                                Stroke="#0450C2"
                                ContainerType="Outlined"
-                               ContainerBackground="#E6EEF9">`
+                               ContainerBackground="#E6EEF9">
     <Entry  />
 </inputLayout:SfTextInputLayout>  
 
@@ -208,6 +208,7 @@ You can customize the text color of the `hint` label, `helper` label, and `error
 
 <inputLayout:SfTextInputLayout Hint="Name" 
                                ContainerType="Outlined"
+                               Stroke="Red"
                                HelperText="Enter your name"
                                ErrorText="Invalid text">
 
@@ -232,6 +233,7 @@ You can customize the text color of the `hint` label, `helper` label, and `error
 SfTextInputLayout inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Name";
 inputLayout.ContainerType = ContainerType.Outlined;
+inputLayout.Stroke = Colors.Red;
 inputLayout.HelperText = "Enter your name";
 inputLayout.ErrorText = "Invalid text";
 inputLayout.Content = new Entry();

MAUI/TextInputLayout/Supported-input-views.md

@@ -21,7 +21,7 @@ To enter a single line text input, add [`Entry`](https://learn.microsoft.com/en-
 {% highlight xaml %} 
 
 <inputLayout:SfTextInputLayout Hint="Name"
-                               HelperText="Enter your name"
+                               HelperText="Enter the name"
                                ContainerType="Outlined">
    <Entry />
 </inputLayout:SfTextInputLayout>  
@@ -353,16 +353,17 @@ To initialize the [Picker](https://learn.microsoft.com/en-us/dotnet/maui/user-in
 
 <inputLayout:SfTextInputLayout Hint="Fruit" 
                                HelperText="Select a fruit"
+                               ContainerBackground="Transparent"
                                ContainerType="Outlined" >
-   <picker:Picker SelectedItem="Apple">
+   <Picker SelectedItem="Apple">
         <Picker.ItemsSource>
             <x:Array Type="{x:Type x:String}">
                 <x:String>Apple</x:String>
                 <x:String>Orange</x:String>
                 <x:String>Strawberry</x:String>
             </x:Array>
         </Picker.ItemsSource>
-   </picker:Picker>
+   </Picker>
 </inputLayout:SfTextInputLayout> 
 
 {% endhighlight %}
@@ -396,7 +397,7 @@ To initialize the [TimePicker](https://learn.microsoft.com/en-us/dotnet/maui/use
  <inputLayout:SfTextInputLayout Hint="Time" 
                                HelperText="Select a start time"
                                ContainerType="Outlined" >
-    <timepicker:TimePicker/>
+    <TimePicker/>
  </inputLayout:SfTextInputLayout>
 
 {% endhighlight %}
@@ -406,7 +407,6 @@ var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Time"; 
 inputLayout.HelperText = "Select a start time";
 inputLayout.ContainerType = ContainerType.Outlined;
-inputLayout.ContainerBackground = Colors.Transparent;
 inputLayout.Content = new TimePicker(); 
 
 {% endhighlight %}
@@ -426,7 +426,7 @@ To initialize the [DatePicker]( https://learn.microsoft.com/en-us/dotnet/maui/us
 <inputLayout:SfTextInputLayout Hint="Date of Birth" 
                                HelperText="Select birth date"
                                ContainerType="Outlined" >
-    <datepicker:DatePicker/>
+    <DatePicker/>
 </inputLayout:SfTextInputLayout> 
 
 {% endhighlight %}
@@ -436,7 +436,6 @@ var inputLayout = new SfTextInputLayout();
 inputLayout.Hint = "Date of Birth"; 
 inputLayout.HelperText = "Select birth date";
 inputLayout.ContainerType = ContainerType.Outlined;
-inputLayout.ContainerBackground = Colors.Transparent;
 inputLayout.Content = new DatePicker(); 
 
 {% endhighlight %}