From fd5c5667ee91e729319fdcad69064f2422267774 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 14 Mar 2025 15:25:22 +0530
Subject: [PATCH 01/10] showandhide

---
 MAUI/PDF-Viewer/Form-Filling.md | 273 ++++++++++++++++++++++++++++++++
 1 file changed, 273 insertions(+)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 3f475d1d08..9c8cb64407 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -251,6 +251,279 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 {% endhighlight %}
 {% endtabs %}
 
+# Show and Hide form fields 
+ 
+You can manage the visibility of form fields using the `IsHidden` property. It helps you to hide form fields containing confidential data when sharing documents externally or presenting documents, ensuring data privacy and security. Also, it makes it easier to read the documents which are cluttered with more form fields. Like other form fields properties, you can undo and redo the hiding or showing actions. Additionally, when an form field is locked, it cannot be hidden. Form fields that are hidden will remain hidden during import, export, printing and saving.
+
+## Hide form fields
+
+To hide form fields in the document, set the `IsHidden` property of the form fields to `true`.
+
+### Hide all form fields
+
+While reviewing and presenting documents, all form fields can be hidden to improve the focus on the content and to avoid distraction caused by cluttered form fields. The following example explains how to hide all form fields in a PDF document. 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="HideAllFormFields" Clicked="HideAllFormFieldsButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void HideAllFormFieldsButton_Clicked(object sender, EventArgs e) 
+{ 
+    foreach(FormFields  formfield in PdfViewer.FormFields) 
+    { 
+       formfield.IsHidden = true; 
+    } 
+} 
+{% endhighlight %}
+{% endtabs %}
+
+* Similarly, to show all the form fields, set the `IsHidden` property value to `false`.
+
+### Hide specific form fields 
+
+While collaborating, the `IsHidden` property of form fields can be used to show and hide form fields from specific authors. The following example illustrates how to hide form fields from a specific author by accessing the form field’s`IsHidden` property. 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="HideFormField" Clicked="HideFormFieldButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void HideFormFieldButton_Clicked(object sender, EventArgs e) 
+{ 
+FormField formField = pdfViewer.FormFields.Where(x => x.Name == "name").FirstOrDefault();
+
+if (formField is TextFormField nameTextBox)
+{
+    // Hide  the Text Box field.
+    nameTextBox.IsHidden = true;
+}
+}
+{% endhighlight %}
+{% endtabs %}
+
+* Similarly, to show the form fields, set the `IsHidden` property value to `false`. 
+
+# Form field associated with widget
+The Field property gets the form field associated with the widget.
+# Form field associated with widget Programmatically
+This section will go through how to get the Form fields Field to a PDF document programmatically.
+{% tabs %}
+{% highlight C# %}
+foreach (FormField formfield in pdfViewer.FormFields)
+{
+    if (formfield is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            Debug.WriteLine("Form field associated with the widget", widget.Field);
+        }
+    }
+}
+{% endhighlight %}
+{% endtabs %}
+
+#Accessing Child Widgets of a Form Field
+Gets the list of child widgets associated with the form field, which represent the individual elements within the form field.
+###Accessing Child Widgets of a Form Field Programmatically
+This section will go through how to access the child widgets associated with form fields in a PDF document programmatically.
+
+{% tabs %}
+{% highlight C# %}
+foreach (FormField formfield in pdfViewer.FormFields)
+{
+    if (formfield is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            Debug.WriteLine("Form field associated with the widget", widget.Field);
+        }
+    }
+}
+{% endhighlight %}
+{% endtabs %}
+
+# Customize BackgroundColor for Form Fields
+The BackgroundColor sets the background color for a form field. This is useful when you want to highlight a form field or give it a distinctive color in a PDF document programmatically.
+
+### Customize BackgroundColor for Form Fields Programmatically
+You can add a new form fields with Customize the  BackgroundColor  the PDF document programmatically by creating an form fields 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="AddBackgroundColor" Clicked="AddBackgroundColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void AddBackgroundColorButton_Clicked(object sender, EventArgs e) 
+{ 
+foreach (FormField formField in PdfViewer.FormFields)
+{
+    if (formField is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            widget.BackgroundColor = Colors.Yellow;
+        }
+    }
+} 
+} 
+{% endhighlight %}
+{% endtabs %}
+
+# Customize ForegroundColor for Form fields
+The ForegroundColor sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document programmatically.
+### Customize ForegroundColor for Form Fields Programmatically 
+You can add a new form fields with Customize the  ForegroundColor  the PDF document programmatically by creating an form fields 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="AddForegroundColor  " Clicked="AddForegroundColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void AddForegroundColorButton_Clicked(object sender, EventArgs e) 
+{ 
+foreach (FormField formField in PdfViewer.FormFields)
+{
+    if (formField is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            widget. ForegroundColor = Colors.Aquamarine;
+        }
+    }
+} 
+} 
+{% endhighlight %}
+{% endtabs %}
+
+
+
+# Customize BorderColor for Form fields
+The BorderColor sets the color of the border around the form field. This is helpful when you want to customize the outline of a form field to make it stand out or fit a specific design in a PDF document programmatically.
+###  Customize BorderColor for Form fields  programmatically 
+You can add a new form fields with Customize the  BorderColor  the PDF document programmatically by creating an form fields 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="AddBorderColor  " Clicked="AddBorderColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void AddBorderColorButton_Clicked(object sender, EventArgs e) 
+{ 
+foreach (FormField formField in PdfViewer.FormFields)
+{
+    if (formField is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            widget. BorderColor = Colors.Blue;
+        }
+    }
+} 
+} 
+{% endhighlight %}
+{% endtabs %}
+
+# Customize BorderWidth for Form fields
+The BorderWidth sets the thickness of the border around a form field. This allows you to make the border thicker or thinner by modifying it in a PDF document programmatically.
+###  Customize BorderWidth for Form fields  programmatically 
+You can add a new form fields with Customize the  BorderWidth  the PDF document programmatically by creating an form fields 
+
+{% tabs %}
+{% highlight xaml %}
+<Grid> 
+    <Grid.RowDefinitions> 
+        <RowDefinition Height="Auto" /> 
+        <RowDefinition Height="*" /> 
+    </Grid.RowDefinitions> 
+    <Button Text="AddBorderWidth" Clicked="AddBorderWidthButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
+    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
+</Grid> 
+{% endhighlight %}
+
+{% highlight C# %}
+private void AddBorderWidthButton_Clicked(object sender, EventArgs e) 
+{ 
+foreach (FormField formField in PdfViewer.FormFields)
+{
+    if (formField is TextFormField textBoxField)
+    {
+        foreach (var widget in textBoxField.Widgets)
+        {
+            widget. BorderWidth = 2.0f;
+        }
+    }
+} 
+} 
+{% endhighlight %}
+{% endtabs %}
+
+# PropertyChanged Event for Form fields
+The PropertyChanged event occurs when an property is changed in the PDF document. The following example explains how to wire and handle the event.
+
+{% tabs %}
+{% highlight C# %}
+void FormFieldPropertyChangedEvent()
+{
+    pdfViewer.PropertyChanged += PdfViewer_PropertyChanged; 
+}
+private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
+{
+    foreach (FormField formfield in PdfViewer.FormFields)
+    {
+        if (formfield is TextFormField textBoxField)
+        {
+            foreach (var widget in textBoxField.Widgets)
+            {
+                widget.BackgroundColor = Colors.Black;
+            }
+        }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
 ## Restrict form field editing
 
 The form fields can be prevented from being modified by setting the [ReadOnly](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.FormField.html#Syncfusion_Maui_PdfViewer_FormField_ReadOnly) property. The following example illustrates how to make all form fields read-only.

From d81a03fffb8162f64fe8676fa55fcf284caddd4a Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Mon, 17 Mar 2025 14:58:07 +0530
Subject: [PATCH 02/10] customizecolor

---
 MAUI/PDF-Viewer/Form-Filling.md | 100 ++++++--------------------------
 1 file changed, 19 insertions(+), 81 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 9c8cb64407..d6b5c4d90e 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -250,79 +250,9 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 {% endhighlight %}
 {% endtabs %}
-
-# Show and Hide form fields 
- 
-You can manage the visibility of form fields using the `IsHidden` property. It helps you to hide form fields containing confidential data when sharing documents externally or presenting documents, ensuring data privacy and security. Also, it makes it easier to read the documents which are cluttered with more form fields. Like other form fields properties, you can undo and redo the hiding or showing actions. Additionally, when an form field is locked, it cannot be hidden. Form fields that are hidden will remain hidden during import, export, printing and saving.
-
-## Hide form fields
-
-To hide form fields in the document, set the `IsHidden` property of the form fields to `true`.
-
-### Hide all form fields
-
-While reviewing and presenting documents, all form fields can be hidden to improve the focus on the content and to avoid distraction caused by cluttered form fields. The following example explains how to hide all form fields in a PDF document. 
-
-{% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="HideAllFormFields" Clicked="HideAllFormFieldsButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
-
-{% highlight C# %}
-private void HideAllFormFieldsButton_Clicked(object sender, EventArgs e) 
-{ 
-    foreach(FormFields  formfield in PdfViewer.FormFields) 
-    { 
-       formfield.IsHidden = true; 
-    } 
-} 
-{% endhighlight %}
-{% endtabs %}
-
-* Similarly, to show all the form fields, set the `IsHidden` property value to `false`.
-
-### Hide specific form fields 
-
-While collaborating, the `IsHidden` property of form fields can be used to show and hide form fields from specific authors. The following example illustrates how to hide form fields from a specific author by accessing the form field’s`IsHidden` property. 
-
-{% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="HideFormField" Clicked="HideFormFieldButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
-
-{% highlight C# %}
-private void HideFormFieldButton_Clicked(object sender, EventArgs e) 
-{ 
-FormField formField = pdfViewer.FormFields.Where(x => x.Name == "name").FirstOrDefault();
-
-if (formField is TextFormField nameTextBox)
-{
-    // Hide  the Text Box field.
-    nameTextBox.IsHidden = true;
-}
-}
-{% endhighlight %}
-{% endtabs %}
-
-* Similarly, to show the form fields, set the `IsHidden` property value to `false`. 
-
-# Form field associated with widget
+### To access the associated form field using the Field property of the Widget class, which is used to get the form field name.
 The Field property gets the form field associated with the widget.
-# Form field associated with widget Programmatically
+### To access the associated form field using the Field property of the Widget class, which is used to get the form field name Programmatically
 This section will go through how to get the Form fields Field to a PDF document programmatically.
 {% tabs %}
 {% highlight C# %}
@@ -339,9 +269,9 @@ foreach (FormField formfield in pdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-#Accessing Child Widgets of a Form Field
+### Accessing Child Widgets of a Form Field
 Gets the list of child widgets associated with the form field, which represent the individual elements within the form field.
-###Accessing Child Widgets of a Form Field Programmatically
+### Accessing Child Widgets of a Form Field Programmatically
 This section will go through how to access the child widgets associated with form fields in a PDF document programmatically.
 
 {% tabs %}
@@ -359,7 +289,7 @@ foreach (FormField formfield in pdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-# Customize BackgroundColor for Form Fields
+### Customize BackgroundColor for Form Fields
 The BackgroundColor sets the background color for a form field. This is useful when you want to highlight a form field or give it a distinctive color in a PDF document programmatically.
 
 ### Customize BackgroundColor for Form Fields Programmatically
@@ -394,7 +324,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-# Customize ForegroundColor for Form fields
+### Customize ForegroundColor for Form fields
 The ForegroundColor sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document programmatically.
 ### Customize ForegroundColor for Form Fields Programmatically 
 You can add a new form fields with Customize the  ForegroundColor  the PDF document programmatically by creating an form fields 
@@ -428,9 +358,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-
-
-# Customize BorderColor for Form fields
+### Customize BorderColor for Form fields
 The BorderColor sets the color of the border around the form field. This is helpful when you want to customize the outline of a form field to make it stand out or fit a specific design in a PDF document programmatically.
 ###  Customize BorderColor for Form fields  programmatically 
 You can add a new form fields with Customize the  BorderColor  the PDF document programmatically by creating an form fields 
@@ -464,7 +392,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-# Customize BorderWidth for Form fields
+### Customize BorderWidth for Form fields
 The BorderWidth sets the thickness of the border around a form field. This allows you to make the border thicker or thinner by modifying it in a PDF document programmatically.
 ###  Customize BorderWidth for Form fields  programmatically 
 You can add a new form fields with Customize the  BorderWidth  the PDF document programmatically by creating an form fields 
@@ -498,32 +426,42 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-# PropertyChanged Event for Form fields
+### PropertyChanged Event for Form fields
+The PropertyChanged event provides a way to monitor and react to changes in PDF form field values. By implementing INotifyPropertyChanged in your form field objects and handling the event, you can build responsive applications where changes to the PDF form fields.
 The PropertyChanged event occurs when an property is changed in the PDF document. The following example explains how to wire and handle the event.
 
 {% tabs %}
 {% highlight C# %}
 void FormFieldPropertyChangedEvent()
 {
+    // This will trigger the PdfViewer_PropertyChanged method whenever any property of the pdfViewer changes.
     pdfViewer.PropertyChanged += PdfViewer_PropertyChanged; 
 }
+
 private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
 {
+    // Iterate through all form fields in the PdfViewer's form fields collection.
     foreach (FormField formfield in PdfViewer.FormFields)
     {
+        // Check if the form field is a TextFormField (i.e., a text input field).
         if (formfield is TextFormField textBoxField)
         {
+            // Iterate through each widget (UI element) associated with the text form field.
             foreach (var widget in textBoxField.Widgets)
             {
+                // Change the background color of the widget (text field) to black.
+                // This could be a visual cue to indicate the form field is active or has been modified.
                 widget.BackgroundColor = Colors.Black;
             }
         }
     }
 }
 
+
 {% endhighlight %}
 {% endtabs %}
 
+
 ## Restrict form field editing
 
 The form fields can be prevented from being modified by setting the [ReadOnly](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.FormField.html#Syncfusion_Maui_PdfViewer_FormField_ReadOnly) property. The following example illustrates how to make all form fields read-only.

From 62219fe9fab20fd1ddd36929a250c85560d85a91 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Mon, 17 Mar 2025 15:01:04 +0530
Subject: [PATCH 03/10] customizecolor

---
 MAUI/PDF-Viewer/Form-Filling.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index d6b5c4d90e..a1a961c8dc 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -250,6 +250,7 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 {% endhighlight %}
 {% endtabs %}
+
 ### To access the associated form field using the Field property of the Widget class, which is used to get the form field name.
 The Field property gets the form field associated with the widget.
 ### To access the associated form field using the Field property of the Widget class, which is used to get the form field name Programmatically

From e3b880f3f95d2c799f008adbfbb3c608329fd3c1 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Thu, 20 Mar 2025 14:16:14 +0530
Subject: [PATCH 04/10] customizecolors

---
 MAUI/PDF-Viewer/Form-Filling.md | 163 ++++++++------------------------
 1 file changed, 39 insertions(+), 124 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index a1a961c8dc..7e92835fd0 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -251,218 +251,133 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 {% endhighlight %}
 {% endtabs %}
 
-### To access the associated form field using the Field property of the Widget class, which is used to get the form field name.
-The Field property gets the form field associated with the widget.
-### To access the associated form field using the Field property of the Widget class, which is used to get the form field name Programmatically
-This section will go through how to get the Form fields Field to a PDF document programmatically.
-{% tabs %}
-{% highlight C# %}
-foreach (FormField formfield in pdfViewer.FormFields)
-{
-    if (formfield is TextFormField textBoxField)
-    {
-        foreach (var widget in textBoxField.Widgets)
-        {
-            Debug.WriteLine("Form field associated with the widget", widget.Field);
-        }
-    }
-}
-{% endhighlight %}
-{% endtabs %}
+## Customize the form fields programmatically
 
-### Accessing Child Widgets of a Form Field
-Gets the list of child widgets associated with the form field, which represent the individual elements within the form field.
-### Accessing Child Widgets of a Form Field Programmatically
-This section will go through how to access the child widgets associated with form fields in a PDF document programmatically.
+Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like BackgroundColor, BorderColor, BorderWidth, and ForegroundColor, you can tailor how each form field (such as TextFormField, CheckboxFormField, RadioButtonFormField, etc.) looks within the PDF viewer. Like other form fields properties, you can undo and redo the hiding or showing actions. Additionally, when an form field is locked, it cannot be hidden. Form fields that are hidden will remain hidden during import, export, printing and saving.
 
-{% tabs %}
-{% highlight C# %}
-foreach (FormField formfield in pdfViewer.FormFields)
-{
-    if (formfield is TextFormField textBoxField)
-    {
-        foreach (var widget in textBoxField.Widgets)
-        {
-            Debug.WriteLine("Form field associated with the widget", widget.Field);
-        }
-    }
-}
-{% endhighlight %}
-{% endtabs %}
+### Customize the backgroundcolor of the form fields
 
-### Customize BackgroundColor for Form Fields
-The BackgroundColor sets the background color for a form field. This is useful when you want to highlight a form field or give it a distinctive color in a PDF document programmatically.
+The BackgroundColor property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BackgroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a TextFormField by accessing the text form field’s `BackgroundColor` property. 
 
-### Customize BackgroundColor for Form Fields Programmatically
-You can add a new form fields with Customize the  BackgroundColor  the PDF document programmatically by creating an form fields 
 
 {% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="AddBackgroundColor" Clicked="AddBackgroundColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
-
 {% highlight C# %}
-private void AddBackgroundColorButton_Clicked(object sender, EventArgs e) 
-{ 
-foreach (FormField formField in PdfViewer.FormFields)
+foreach (FormField formField in PdfViewer.FormFields) 
 {
+    // Check if the current form field is a TextFormField (text input box)
     if (formField is TextFormField textBoxField)
     {
+        // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
+            // Set the background color of each widget to yellow
             widget.BackgroundColor = Colors.Yellow;
         }
     }
-} 
-} 
+}
+ 
 {% endhighlight %}
 {% endtabs %}
 
-### Customize ForegroundColor for Form fields
-The ForegroundColor sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document programmatically.
-### Customize ForegroundColor for Form Fields Programmatically 
-You can add a new form fields with Customize the  ForegroundColor  the PDF document programmatically by creating an form fields 
+## Customize the foregroundcolor for form fields
 
-{% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="AddForegroundColor  " Clicked="AddForegroundColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
+The ForegroundColor property sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a TextFormField by accessing the text form field’s `ForegroundColor` property. 
 
-{% highlight C# %}
-private void AddForegroundColorButton_Clicked(object sender, EventArgs e) 
-{ 
+
+{% tabs %}
+{% highlight C# %} 
 foreach (FormField formField in PdfViewer.FormFields)
 {
+    // Check if the current form field is a TextFormField (text input box)
     if (formField is TextFormField textBoxField)
     {
+        // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
+            // Set the foreground color of each widget to Aquamarine
             widget. ForegroundColor = Colors.Aquamarine;
         }
     }
 } 
-} 
 {% endhighlight %}
 {% endtabs %}
 
-### Customize BorderColor for Form fields
-The BorderColor sets the color of the border around the form field. This is helpful when you want to customize the outline of a form field to make it stand out or fit a specific design in a PDF document programmatically.
-###  Customize BorderColor for Form fields  programmatically 
-You can add a new form fields with Customize the  BorderColor  the PDF document programmatically by creating an form fields 
 
-{% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="AddBorderColor  " Clicked="AddBorderColorButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
 
-{% highlight C# %}
-private void AddBorderColorButton_Clicked(object sender, EventArgs e) 
-{ 
+## Customize BorderColor for Form fields
+The BorderColor property sets the color of the border around  the form field. This allows you to customize the border color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a TextFormField by accessing the text form field’s `BorderColor` property. 
+ 
+
+{% tabs %}
+{% highlight C# %} 
 foreach (FormField formField in PdfViewer.FormFields)
 {
+     // Check if the current form field is a TextFormField (text input box)
     if (formField is TextFormField textBoxField)
     {
+         // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
+            // Set the border color of each widget to blue
             widget. BorderColor = Colors.Blue;
         }
     }
-} 
-} 
+}
 {% endhighlight %}
 {% endtabs %}
 
-### Customize BorderWidth for Form fields
-The BorderWidth sets the thickness of the border around a form field. This allows you to make the border thicker or thinner by modifying it in a PDF document programmatically.
-###  Customize BorderWidth for Form fields  programmatically 
-You can add a new form fields with Customize the  BorderWidth  the PDF document programmatically by creating an form fields 
+## Customize BorderWidth for Form fields
+The BorderWidth property sets the thickness of the border around a form field. This allows you to customize the border width, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderWidth for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a TextFormField by accessing the text form field’s `BorderWidth` property. 
+ 
 
 {% tabs %}
-{% highlight xaml %}
-<Grid> 
-    <Grid.RowDefinitions> 
-        <RowDefinition Height="Auto" /> 
-        <RowDefinition Height="*" /> 
-    </Grid.RowDefinitions> 
-    <Button Text="AddBorderWidth" Clicked="AddBorderWidthButton_Clicked" VerticalOptions="Center" HorizontalOptions="Center" Grid.Row="0"/> 
-    <syncfusion:SfPdfViewer x:Name="PdfViewer" DocumentSource="{Binding PdfDocumentStream}" Grid.Row="1" /> 
-</Grid> 
-{% endhighlight %}
-
 {% highlight C# %}
-private void AddBorderWidthButton_Clicked(object sender, EventArgs e) 
-{ 
 foreach (FormField formField in PdfViewer.FormFields)
 {
+     // Check if the current form field is a TextFormField (text input box)
     if (formField is TextFormField textBoxField)
     {
+        // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
+            // Set the border color of each widget to 2.0f
             widget. BorderWidth = 2.0f;
         }
     }
 } 
-} 
 {% endhighlight %}
 {% endtabs %}
 
-### PropertyChanged Event for Form fields
-The PropertyChanged event provides a way to monitor and react to changes in PDF form field values. By implementing INotifyPropertyChanged in your form field objects and handling the event, you can build responsive applications where changes to the PDF form fields.
+# PropertyChanged Event for Form field
+
 The PropertyChanged event occurs when an property is changed in the PDF document. The following example explains how to wire and handle the event.
 
 {% tabs %}
 {% highlight C# %}
 void FormFieldPropertyChangedEvent()
 {
-    // This will trigger the PdfViewer_PropertyChanged method whenever any property of the pdfViewer changes.
+    // Wire the propertychanged event of the form field
     pdfViewer.PropertyChanged += PdfViewer_PropertyChanged; 
 }
-
 private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
 {
-    // Iterate through all form fields in the PdfViewer's form fields collection.
     foreach (FormField formfield in PdfViewer.FormFields)
     {
-        // Check if the form field is a TextFormField (i.e., a text input field).
+        // Check if the current form field is a TextFormField (text input box)
         if (formfield is TextFormField textBoxField)
         {
-            // Iterate through each widget (UI element) associated with the text form field.
+            // Loop through all the widgets associated with the text box field
             foreach (var widget in textBoxField.Widgets)
             {
-                // Change the background color of the widget (text field) to black.
-                // This could be a visual cue to indicate the form field is active or has been modified.
                 widget.BackgroundColor = Colors.Black;
             }
         }
     }
 }
 
-
 {% endhighlight %}
 {% endtabs %}
 
-
 ## Restrict form field editing
 
 The form fields can be prevented from being modified by setting the [ReadOnly](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.FormField.html#Syncfusion_Maui_PdfViewer_FormField_ReadOnly) property. The following example illustrates how to make all form fields read-only.

From 28ee2fab1e9b44a073dd0e3d06da122ee250fa0b Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Thu, 20 Mar 2025 14:17:44 +0530
Subject: [PATCH 05/10] changed heading

---
 MAUI/PDF-Viewer/Form-Filling.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 7e92835fd0..943f354654 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -279,7 +279,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-## Customize the foregroundcolor for form fields
+### Customize the foregroundcolor for form fields
 
 The ForegroundColor property sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a TextFormField by accessing the text form field’s `ForegroundColor` property. 
 
@@ -304,7 +304,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 
 
-## Customize BorderColor for Form fields
+### Customize BorderColor for Form fields
 The BorderColor property sets the color of the border around  the form field. This allows you to customize the border color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a TextFormField by accessing the text form field’s `BorderColor` property. 
  
 
@@ -326,7 +326,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-## Customize BorderWidth for Form fields
+### Customize BorderWidth for Form fields
 The BorderWidth property sets the thickness of the border around a form field. This allows you to customize the border width, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderWidth for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a TextFormField by accessing the text form field’s `BorderWidth` property. 
  
 
@@ -348,7 +348,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-# PropertyChanged Event for Form field
+### PropertyChanged Event for Form field
 
 The PropertyChanged event occurs when an property is changed in the PDF document. The following example explains how to wire and handle the event.
 

From 9d7d6b1bb21fef5cffe2f319aaa2ba3e9dda6e50 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 21 Mar 2025 10:12:48 +0530
Subject: [PATCH 06/10] customize

---
 MAUI/PDF-Viewer/Form-Filling.md | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 943f354654..c3c9c646b0 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -253,18 +253,18 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 ## Customize the form fields programmatically
 
-Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like BackgroundColor, BorderColor, BorderWidth, and ForegroundColor, you can tailor how each form field (such as TextFormField, CheckboxFormField, RadioButtonFormField, etc.) looks within the PDF viewer. Like other form fields properties, you can undo and redo the hiding or showing actions. Additionally, when an form field is locked, it cannot be hidden. Form fields that are hidden will remain hidden during import, export, printing and saving.
+Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the color of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized color of form fields will be preserved during import, export, printing, and saving, ensuring the color customization remains intact across different document operations.
 
-### Customize the backgroundcolor of the form fields
+### Customize the background color of the form fields
 
-The BackgroundColor property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BackgroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a TextFormField by accessing the text form field’s `BackgroundColor` property. 
+The `BackgroundColor` property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for changing the forms with specific branding or visual styles in a PDF document. The following code explains how to enable the background color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a text form field by accessing the text form field’s `BackgroundColor` property. 
 
 
 {% tabs %}
 {% highlight C# %}
 foreach (FormField formField in PdfViewer.FormFields) 
 {
-    // Check if the current form field is a TextFormField (text input box)
+    // Check if the current form field is a text form field 
     if (formField is TextFormField textBoxField)
     {
         // Loop through all the widgets associated with the text box field
@@ -279,16 +279,16 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the foregroundcolor for form fields
+### Customize the foreground color for form fields
 
-The ForegroundColor property sets the color of the text within a form field. This allows you to customize the text color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a TextFormField by accessing the text form field’s `ForegroundColor` property. 
+The `ForegroundColor` property sets the color of the text within a form field. This allows you to customize the text color, Text color can be used to highlight important fields or messages in forms. For example, you can set a field's text color to red to draw attention to a mandatory field or a validation error. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a text form field by accessing the text form field’s `ForegroundColor` property. 
 
 
 {% tabs %}
 {% highlight C# %} 
 foreach (FormField formField in PdfViewer.FormFields)
 {
-    // Check if the current form field is a TextFormField (text input box)
+    // Check if the current form field is a text form field 
     if (formField is TextFormField textBoxField)
     {
         // Loop through all the widgets associated with the text box field
@@ -305,14 +305,15 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 
 ### Customize BorderColor for Form fields
-The BorderColor property sets the color of the border around  the form field. This allows you to customize the border color, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a TextFormField by accessing the text form field’s `BorderColor` property. 
+
+The `BorderColor` property sets the color of the border around  the form field. For users with color blindness, using high-contrast border colors can improve the visibility of the form fields. Additionally, changing the border color to red for an error state can be more noticeable for those with difficulty distinguishing certain colors. The following code explains how to enable the border color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a text form field by accessing the text form field’s `BorderColor` property. 
  
 
 {% tabs %}
 {% highlight C# %} 
 foreach (FormField formField in PdfViewer.FormFields)
 {
-     // Check if the current form field is a TextFormField (text input box)
+     // Check if the current form field is a text form field 
     if (formField is TextFormField textBoxField)
     {
          // Loop through all the widgets associated with the text box field
@@ -327,14 +328,15 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endtabs %}
 
 ### Customize BorderWidth for Form fields
-The BorderWidth property sets the thickness of the border around a form field. This allows you to customize the border width, which can be useful for creating forms with specific branding or visual styles in a PDF document. The following code explains how to enable the BorderWidth for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a TextFormField by accessing the text form field’s `BorderWidth` property. 
+
+The `BorderWidth` property sets the thickness of the border around a form field.  Adjusting the border width of form fields can enhance accessibility by making it easier for users with visual impairments to identify and focus on fields. Thicker borders can create a more pronounced visual hierarchy, making the form easier to navigate. The following code explains how to enable the border width for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a text form field by accessing the text form field’s `BorderWidth` property. 
  
 
 {% tabs %}
 {% highlight C# %}
 foreach (FormField formField in PdfViewer.FormFields)
 {
-     // Check if the current form field is a TextFormField (text input box)
+     // Check if the current form field is a text form field 
     if (formField is TextFormField textBoxField)
     {
         // Loop through all the widgets associated with the text box field
@@ -350,10 +352,11 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 ### PropertyChanged Event for Form field
 
-The PropertyChanged event occurs when an property is changed in the PDF document. The following example explains how to wire and handle the event.
+The PropertyChanged event occurs when a property is changed in the PDF document. It is common for properties such as border color, background color, border width, and foreground color to trigger this event as well. The following example explains how to wire and handle the event.
 
 {% tabs %}
 {% highlight C# %}
+
 void FormFieldPropertyChangedEvent()
 {
     // Wire the propertychanged event of the form field
@@ -363,13 +366,17 @@ private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.Pro
 {
     foreach (FormField formfield in PdfViewer.FormFields)
     {
-        // Check if the current form field is a TextFormField (text input box)
+        // Check if the current form field is a text form field 
         if (formfield is TextFormField textBoxField)
         {
             // Loop through all the widgets associated with the text box field
             foreach (var widget in textBoxField.Widgets)
             {
+                //set background color, border color, foreground color, border width to widget of text box field
                 widget.BackgroundColor = Colors.Black;
+                widget.BorderColor = Colors.Red;
+                widget.ForegroundColor = Colors.Blue;
+                widget.BorderWidth = 2.0f;
             }
         }
     }

From f24440685f7656fc59e311e71cec0db911af31d3 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 21 Mar 2025 10:31:02 +0530
Subject: [PATCH 07/10] customizecolor

---
 MAUI/PDF-Viewer/Form-Filling.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index c3c9c646b0..89ba2965d9 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -255,7 +255,7 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the color of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized color of form fields will be preserved during import, export, printing, and saving, ensuring the color customization remains intact across different document operations.
 
-### Customize the background color of the form fields
+### Customize the background color for the form fields
 
 The `BackgroundColor` property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for changing the forms with specific branding or visual styles in a PDF document. The following code explains how to enable the background color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a text form field by accessing the text form field’s `BackgroundColor` property. 
 
@@ -279,7 +279,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the foreground color for form fields
+### Customize the text color for the form fields
 
 The `ForegroundColor` property sets the color of the text within a form field. This allows you to customize the text color, Text color can be used to highlight important fields or messages in forms. For example, you can set a field's text color to red to draw attention to a mandatory field or a validation error. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a text form field by accessing the text form field’s `ForegroundColor` property. 
 
@@ -304,7 +304,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 
 
-### Customize BorderColor for Form fields
+### Customize the border color for the form fields
 
 The `BorderColor` property sets the color of the border around  the form field. For users with color blindness, using high-contrast border colors can improve the visibility of the form fields. Additionally, changing the border color to red for an error state can be more noticeable for those with difficulty distinguishing certain colors. The following code explains how to enable the border color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a text form field by accessing the text form field’s `BorderColor` property. 
  
@@ -327,7 +327,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize BorderWidth for Form fields
+### Customize the border width for the form fields
 
 The `BorderWidth` property sets the thickness of the border around a form field.  Adjusting the border width of form fields can enhance accessibility by making it easier for users with visual impairments to identify and focus on fields. Thicker borders can create a more pronounced visual hierarchy, making the form easier to navigate. The following code explains how to enable the border width for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a text form field by accessing the text form field’s `BorderWidth` property. 
  

From c3b096abb443a6df51fc93b69dfb442e95a6be4a Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 21 Mar 2025 10:58:46 +0530
Subject: [PATCH 08/10] color

---
 MAUI/PDF-Viewer/Form-Filling.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 89ba2965d9..801bea15af 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -255,7 +255,7 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the color of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized color of form fields will be preserved during import, export, printing, and saving, ensuring the color customization remains intact across different document operations.
 
-### Customize the background color for the form fields
+### Customize the color to the background of the form fields
 
 The `BackgroundColor` property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for changing the forms with specific branding or visual styles in a PDF document. The following code explains how to enable the background color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a text form field by accessing the text form field’s `BackgroundColor` property. 
 
@@ -279,7 +279,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the text color for the form fields
+### Customize the color text of the form fields
 
 The `ForegroundColor` property sets the color of the text within a form field. This allows you to customize the text color, Text color can be used to highlight important fields or messages in forms. For example, you can set a field's text color to red to draw attention to a mandatory field or a validation error. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a text form field by accessing the text form field’s `ForegroundColor` property. 
 
@@ -304,7 +304,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 
 
-### Customize the border color for the form fields
+### Customize the color to the border of the form fields
 
 The `BorderColor` property sets the color of the border around  the form field. For users with color blindness, using high-contrast border colors can improve the visibility of the form fields. Additionally, changing the border color to red for an error state can be more noticeable for those with difficulty distinguishing certain colors. The following code explains how to enable the border color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a text form field by accessing the text form field’s `BorderColor` property. 
  
@@ -327,7 +327,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the border width for the form fields
+### Customize the width to the border of the form fields
 
 The `BorderWidth` property sets the thickness of the border around a form field.  Adjusting the border width of form fields can enhance accessibility by making it easier for users with visual impairments to identify and focus on fields. Thicker borders can create a more pronounced visual hierarchy, making the form easier to navigate. The following code explains how to enable the border width for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a text form field by accessing the text form field’s `BorderWidth` property. 
  

From b4a324526e525a8636d294cdab2060972f640948 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 21 Mar 2025 15:11:51 +0530
Subject: [PATCH 09/10] customizecolor

---
 MAUI/PDF-Viewer/Form-Filling.md | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index 801bea15af..e3776fe08c 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -253,9 +253,9 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 ## Customize the form fields programmatically
 
-Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the color of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized color of form fields will be preserved during import, export, printing, and saving, ensuring the color customization remains intact across different document operations.
+Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the background color, border color, foreground color and border width of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized background color, border color, foreground color and border width of form fields will be preserved during import, export, printing, and saving, ensuring the background color, border color, foreground color and border width customization remains intact across different document operations.
 
-### Customize the color to the background of the form fields
+### Customize the background color of the form fields
 
 The `BackgroundColor` property sets the color of the background within a form field. This allows you to customize the background color, which can be useful for changing the forms with specific branding or visual styles in a PDF document. The following code explains how to enable the background color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties. The following example illustrates how to add a background color for a text form field by accessing the text form field’s `BackgroundColor` property. 
 
@@ -279,7 +279,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the color text of the form fields
+### Customize the text color of the form fields
 
 The `ForegroundColor` property sets the color of the text within a form field. This allows you to customize the text color, Text color can be used to highlight important fields or messages in forms. For example, you can set a field's text color to red to draw attention to a mandatory field or a validation error. The following code explains how to enable the ForegroundColor for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a foreground color for a text form field by accessing the text form field’s `ForegroundColor` property. 
 
@@ -294,8 +294,8 @@ foreach (FormField formField in PdfViewer.FormFields)
         // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
-            // Set the foreground color of each widget to Aquamarine
-            widget. ForegroundColor = Colors.Aquamarine;
+            // Set the foreground color of each widget to Red
+            widget. ForegroundColor = Colors.Red;
         }
     }
 } 
@@ -304,7 +304,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 
 
 
-### Customize the color to the border of the form fields
+### Customize the border color of the form fields
 
 The `BorderColor` property sets the color of the border around  the form field. For users with color blindness, using high-contrast border colors can improve the visibility of the form fields. Additionally, changing the border color to red for an error state can be more noticeable for those with difficulty distinguishing certain colors. The following code explains how to enable the border color for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a  border color for a text form field by accessing the text form field’s `BorderColor` property. 
  
@@ -327,7 +327,7 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### Customize the width to the border of the form fields
+### Customize the border width of the form fields
 
 The `BorderWidth` property sets the thickness of the border around a form field.  Adjusting the border width of form fields can enhance accessibility by making it easier for users with visual impairments to identify and focus on fields. Thicker borders can create a more pronounced visual hierarchy, making the form easier to navigate. The following code explains how to enable the border width for text form fields. Similarly, you can do the same for other form fields like checkboxes, radio buttons, and other form fields by modifying their respective properties.The following example illustrates how to add a border width for a text form field by accessing the text form field’s `BorderWidth` property. 
  
@@ -350,9 +350,9 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-### PropertyChanged Event for Form field
+## Property changed event for Form fields
 
-The PropertyChanged event occurs when a property is changed in the PDF document. It is common for properties such as border color, background color, border width, and foreground color to trigger this event as well. The following example explains how to wire and handle the event.
+The `PropertyChanged` event occurs when a property is changed in the PDF document. It is common for properties such as border color, background color, border width, and foreground color to trigger this event as well. The following example explains how to wire and handle the event.
 
 {% tabs %}
 {% highlight C# %}
@@ -362,6 +362,7 @@ void FormFieldPropertyChangedEvent()
     // Wire the propertychanged event of the form field
     pdfViewer.PropertyChanged += PdfViewer_PropertyChanged; 
 }
+ //Event Handler for PropertyChanged Event
 private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
 {
     foreach (FormField formfield in PdfViewer.FormFields)
@@ -372,11 +373,11 @@ private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.Pro
             // Loop through all the widgets associated with the text box field
             foreach (var widget in textBoxField.Widgets)
             {
-                //set background color, border color, foreground color, border width to widget of text box field
-                widget.BackgroundColor = Colors.Black;
-                widget.BorderColor = Colors.Red;
-                widget.ForegroundColor = Colors.Blue;
-                widget.BorderWidth = 2.0f;
+                //check if the property changed is BackgroundColor
+                if(e.PropertyName==nameof(widget.BackgroundColor))
+                {
+                    Color currentBackgroundColor = widget.BackgroundColor;
+                }
             }
         }
     }

From e264d1b6fb671eef74e697521d9ce397e2980254 Mon Sep 17 00:00:00 2001
From: YaminiSF4802 <yamini.dhanasekaran@syncfusion.com>
Date: Fri, 21 Mar 2025 19:54:51 +0530
Subject: [PATCH 10/10] customized

---
 MAUI/PDF-Viewer/Form-Filling.md | 44 +++++++++++++++++----------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/MAUI/PDF-Viewer/Form-Filling.md b/MAUI/PDF-Viewer/Form-Filling.md
index e3776fe08c..fbe79fec78 100644
--- a/MAUI/PDF-Viewer/Form-Filling.md
+++ b/MAUI/PDF-Viewer/Form-Filling.md
@@ -253,7 +253,7 @@ private void PdfViewer_FormFieldValueChanged(object sender, FormFieldValueChange
 
 ## Customize the form fields programmatically
 
-Customizing form fields is crucial for controlling their appearance and behavior. By modifying properties like background color, border color, border width, and foreground color, you can tailor how each form field (such as text form field, checkbox form field, radio button form field, etc.) looks within the PDF Viewer. Like other form field properties, you can undo and redo the customization of the background color, border color, foreground color and border width of the form fields. Additionally, when a form field is locked, its color cannot be modified. The customized background color, border color, foreground color and border width of form fields will be preserved during import, export, printing, and saving, ensuring the background color, border color, foreground color and border width customization remains intact across different document operations.
+Customizing form fields allows you to control their appearance and behavior. You can modify properties like background color, border color, border width, and foreground color to adjust how fields such as text boxes, checkboxes, and radio buttons look in the PDF Viewer. These customizations can be undo and redo, but they cannot be changed when a field is locked. The customized colors and border width are preserved during import, export, printing, and saving, ensuring consistency across document operations.
 
 ### Customize the background color of the form fields
 
@@ -319,8 +319,8 @@ foreach (FormField formField in PdfViewer.FormFields)
          // Loop through all the widgets associated with the text box field
         foreach (var widget in textBoxField.Widgets)
         {
-            // Set the border color of each widget to blue
-            widget. BorderColor = Colors.Blue;
+            // Set the border color of each widget to Red
+            widget. BorderColor = Colors.Red;
         }
     }
 }
@@ -350,35 +350,37 @@ foreach (FormField formField in PdfViewer.FormFields)
 {% endhighlight %}
 {% endtabs %}
 
-## Property changed event for Form fields
+## Property changed event for Form fields Widgets
 
 The `PropertyChanged` event occurs when a property is changed in the PDF document. It is common for properties such as border color, background color, border width, and foreground color to trigger this event as well. The following example explains how to wire and handle the event.
 
 {% tabs %}
 {% highlight C# %}
 
-void FormFieldPropertyChangedEvent()
+void FormFieldWidgetPropertyChangedEvent()
 {
-    // Wire the propertychanged event of the form field
-    pdfViewer.PropertyChanged += PdfViewer_PropertyChanged; 
+    // Loop through each FormField in the PdfViewer
+    foreach (FormField formField in pdfViewer.FormFields)
+    {
+        // Loop through each widget within the form field (e.g., text fields, checkboxes, etc.)
+        foreach (var widget in formField.Widgets)
+        {
+            // Subscribe to the PropertyChanged event for each widget
+            widget.PropertyChanged += Widget_PropertyChanged;
+        }
+    }
 }
- //Event Handler for PropertyChanged Event
-private void PdfViewer_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
+// This event handler is called whenever a property of a widget changes
+private void Widget_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
 {
-    foreach (FormField formfield in PdfViewer.FormFields)
+    // Ensure that the sender is of type Widget
+    if (sender is Widget widget)
     {
-        // Check if the current form field is a text form field 
-        if (formfield is TextFormField textBoxField)
+        // Check if the property that changed is the BorderWidth property of the widget
+        if (e.PropertyName == nameof(widget.BorderWidth))
         {
-            // Loop through all the widgets associated with the text box field
-            foreach (var widget in textBoxField.Widgets)
-            {
-                //check if the property changed is BackgroundColor
-                if(e.PropertyName==nameof(widget.BackgroundColor))
-                {
-                    Color currentBackgroundColor = widget.BackgroundColor;
-                }
-            }
+            // Retrieve the current border width of the widget
+            double width=widget.BorderWidth;
         }
     }
 }