964027 - Fix the alignment issue for the MAUI Color Picker control

MAUI/ColorPicker/Display-View.md

@@ -107,7 +107,6 @@ colorPicker.SelectedColorTemplate = new DataTemplate(() =>
     return stackLayout;
 });
 
-
 Content = colorPicker;    
 
 {% endhighlight %}

MAUI/ColorPicker/Events.md

@@ -53,8 +53,8 @@ The `ColorChanged` event is triggered when the user selects a color. Its behavio
 
 The event arguments are of type `ColorChangedEventArgs` and include the following properties:
 
-* OldColor: The previously selected color.
-* NewColor: The newly selected color.
+* `OldColor:` The previously selected color.
+* `NewColor:` The newly selected color.
 
 {% tabs %}
 
@@ -89,7 +89,7 @@ private void OnColorChanged(object sender, ColorChangedEventArgs e)
 
 The `ColorSelected` event is triggered when the user selects a color by clicking or tapping on the selected color view. The event arguments are of type `ColorSelectedEventArgs` and include the following property:
 
-* SelectedColor: The color currently selected by the user.
+* `SelectedColor:` The color currently selected by the user.
 
 {% tabs %}
 

MAUI/ColorPicker/Getting-Started.md

@@ -38,26 +38,26 @@ Before proceeding, ensure the following are set up:
 
 [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the `MauiProgram.cs` file, register the handler for Syncfusion<sup>®</sup> core.
 
-{% highlight c# hl_lines="6 17" %}
+{% highlight c# hl_lines="1 12" %}
 
 using Syncfusion.Maui.Core.Hosting;
 
 namespace ColorPickerSample
 {
     public static class MauiProgram
     {
-    public static MauiApp CreateMauiApp()
-    {
-        var builder = MauiApp.CreateBuilder();
-        builder
-        .UseMauiApp<App>()
-        .ConfigureSyncfusionCore() 
-        .ConfigureFonts(fonts =>
+        public static MauiApp CreateMauiApp()
         {
-            fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
-        });
-
-        return builder.Build();
+            var builder = MauiApp.CreateBuilder();
+            builder
+            .UseMauiApp<App>()
+            .ConfigureSyncfusionCore() 
+            .ConfigureFonts(fonts =>
+            {
+                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+            });
+
+            return builder.Build();
         }      
     }
 }     
@@ -79,8 +79,8 @@ namespace ColorPickerSample
             xmlns:inputs="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs">
 
     <ContentPage.Content> 
-	 	<inputs:SfColorPicker x:Name="colorPicker"/>
-	</ContentPage.Content> 
+        <inputs:SfColorPicker x:Name="colorPicker"/>
+    </ContentPage.Content>
 
 </ContentPage>
 
@@ -136,26 +136,26 @@ Before proceeding, ensure the following are set up:
 
 [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the `MauiProgram.cs` file, register the handler for Syncfusion<sup>®</sup> core.
 
-{% highlight c# hl_lines="6 17" %}
+{% highlight c# hl_lines="1 12" %}
 
 using Syncfusion.Maui.Core.Hosting;
 
 namespace ColorPickerSample
 {
     public static class MauiProgram
     {
-    public static MauiApp CreateMauiApp()
-    {
-        var builder = MauiApp.CreateBuilder();
-        builder
-        .UseMauiApp<App>()
-        .ConfigureSyncfusionCore() 
-        .ConfigureFonts(fonts =>
+        public static MauiApp CreateMauiApp()
         {
-            fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
-        });
-
-        return builder.Build();
+            var builder = MauiApp.CreateBuilder();
+            builder
+            .UseMauiApp<App>()
+            .ConfigureSyncfusionCore() 
+            .ConfigureFonts(fonts =>
+            {
+                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+            });
+
+            return builder.Build();
         }      
     }
 }     
@@ -177,8 +177,8 @@ namespace ColorPickerSample
             xmlns:inputs="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs">
 
     <ContentPage.Content> 
-	 	<core:SfColorPicker x:Name="colorPicker"/>
-	</ContentPage.Content> 
+        <inputs:SfColorPicker x:Name="colorPicker"/>
+    </ContentPage.Content>
 
 </ContentPage>
 
@@ -233,26 +233,26 @@ Before proceeding, ensure the following are set up:
 
 [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the `MauiProgram.cs` file, register the handler for Syncfusion<sup>®</sup> core.
 
-{% highlight c# hl_lines="6 17" %}
+{% highlight c# hl_lines="1 12" %}
 
 using Syncfusion.Maui.Core.Hosting;
 
 namespace ColorPickerSample
 {
     public static class MauiProgram
     {
-    public static MauiApp CreateMauiApp()
-    {
-        var builder = MauiApp.CreateBuilder();
-        builder
-        .UseMauiApp<App>()
-        .ConfigureSyncfusionCore() 
-        .ConfigureFonts(fonts =>
+        public static MauiApp CreateMauiApp()
         {
-            fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
-        });
-
-        return builder.Build();
+            var builder = MauiApp.CreateBuilder();
+            builder
+            .UseMauiApp<App>()
+            .ConfigureSyncfusionCore() 
+            .ConfigureFonts(fonts =>
+            {
+                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+            });
+
+            return builder.Build();
         }      
     }
 }     
@@ -272,9 +272,11 @@ namespace ColorPickerSample
 <ContentPage 
             ...
             xmlns:inputs="clr-namespace:Syncfusion.Maui.Inputs;assembly=Syncfusion.Maui.Inputs">
+
     <ContentPage.Content> 
-	 	<core:SfColorPicker x:Name="colorPicker"/>
-	</ContentPage.Content> 
+        <inputs:SfColorPicker x:Name="colorPicker"/>
+    </ContentPage.Content>
+
 </ContentPage>
 
 {% endhighlight %}

MAUI/ColorPicker/Localization.md

@@ -51,7 +51,7 @@ To localize the `Color Picker` based on `CurrentUICulture` using `resource` file
 
    1. Right-click on the `Resources` folder, select `Add`, and then `NewItem`.
 
-   2. In the Add New Item wizard, select the Resource File option and name the file as `SfColorPicker.<culture name>.resx.` For example, name it `SfColorPicker.fr-FR.resx` for the French culture.
+   2. In the `Add New Item` wizard, select the `Resources File` option and name the file as `SfColorPicker.<culture name>.resx.` For example, name it `SfColorPicker.fr-FR.resx` for the French culture.
 
    3. The culture name indicates the name of the language and country.
 

MAUI/Themes/Keys.md

@@ -3473,7 +3473,7 @@ This page lists the keys associated with each control and the respective UI elem
     </tr>
 
     <tr>
-        <td rowspan="16">
+        <td rowspan="23">
             SfColorPickerStyles  
             <br/>
             <br/>