();
+ ProductSales.Add(new Model() { Product = "Electronics", Sales = 60 });
+ ProductSales.Add(new Model() { Product = "Clothing", Sales = 40 });
+ ProductSales.Add(new Model() { Product = "Groceries", Sales = double.NaN });
+ ProductSales.Add(new Model() { Product = "Furniture", Sales = 70 });
+ ProductSales.Add(new Model() { Product = "Toys", Sales = 30 });
+ ProductSales.Add(new Model() { Product = "Sports", Sales = double.NaN });
+ ProductSales.Add(new Model() { Product = "Books", Sales = 50 });
+
+{% endhighlight %}
+
+By default, the [EmptyPointMode]() property is `None`. So the empty points will not be rendered as shown in the below.
+
+
+
+## Empty Point Mode
+The [EmptyPointMode]() property of series specifies how empty points should be handled.
+
+This property is an enumeration with the following options:
+
+* None - Empty points are not rendered. This is the default behavior.
+* Zero - Empty points will be replaced with zero.
+* Average - Empty points will be replaced with the average value of the surrounding data points.
+
+The following code example shows the [EmptyPointMode]() as `Zero`.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+ .....
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+ SfCartesianChart chart = new SfCartesianChart();
+
+ .....
+
+ LineSeries series = new LineSeries()
+ {
+ ItemsSource = new ViewModel().ProductSales,
+ XBindingPath = "Product",
+ YBindingPath = "Sales",
+ EmptyPointMode = EmptyPointMode.Zero
+ };
+
+ chart.Series.Add(series);
+ this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
+The following code example shows the [EmptyPointMode]() as `Average`.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+ .....
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+ SfCartesianChart chart = new SfCartesianChart();
+
+ .....
+
+ ColumnSeries series = new ColumnSeries()
+ {
+ ItemsSource = new ViewModel().ProductSales,
+ XBindingPath = "Product",
+ YBindingPath = "Sales",
+ EmptyPointMode = EmptyPointMode.Average
+ };
+
+ chart.Series.Add(series);
+ this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
+## Customizing Empty Points
+The [EmptyPointSettings]() property allows you to customize the appearance of empty points in a series. This enables you to adjust various visual aspects of empty points, making them more distinct from the other data points. You can modify the following properties within [EmptyPointSettings]().
+
+* [Fill]() - Gets or sets the fill color for the empty points.
+* [Stroke]() - Gets or sets the stroke color for empty points.
+* [StrokeWidth]() - Gets or sets the stroke thickness for empty points.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+ .....
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+ SfCartesianChart chart = new SfCartesianChart();
+
+ .....
+
+ LineSeries series = new LineSeries()
+ {
+ ItemsSource = new ViewModel().ProductSales,
+ XBindingPath = "Product",
+ YBindingPath = "Sales",
+ Fill = Color.FromArgb("#3068F7"),
+ StrokeWidth = 2,
+ ShowMarkers = true,
+ ShowDataLabels = true,
+ EmptyPointMode = EmptyPointMode.Average
+ };
+
+ EmptyPointSettings emptypointSettings = new EmptyPointSettings()
+ {
+ Fill = Colors.Orange,
+ StrokeWidth = 2
+ };
+
+ series.EmptyPointSettings = emptypointSettings;
+
+ chart.Series.Add(series);
+ this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
+N> The EmptyPoints feature is not supported for Histogram and BoxAndWhisker series.
diff --git a/maui-toolkit/Cartesian-Charts/EmptyPoints_images/Customize_EmptyPoints.png b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/Customize_EmptyPoints.png
new file mode 100644
index 00000000..bfef1056
Binary files /dev/null and b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/Customize_EmptyPoints.png differ
diff --git a/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Default.png b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Default.png
new file mode 100644
index 00000000..168652a0
Binary files /dev/null and b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Default.png differ
diff --git a/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Average.png b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Average.png
new file mode 100644
index 00000000..783823ed
Binary files /dev/null and b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Average.png differ
diff --git a/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Zero.png b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Zero.png
new file mode 100644
index 00000000..add54825
Binary files /dev/null and b/maui-toolkit/Cartesian-Charts/EmptyPoints_images/EmptyPoints_Mode_Zero.png differ
diff --git a/maui-toolkit/Cartesian-Charts/FastScatter.md b/maui-toolkit/Cartesian-Charts/FastScatter.md
new file mode 100644
index 00000000..7b1c2f2b
--- /dev/null
+++ b/maui-toolkit/Cartesian-Charts/FastScatter.md
@@ -0,0 +1,67 @@
+---
+layout: post
+title: Fast Scatter Chart in .NET MAUI Chart control | Syncfusion
+description: Learn here all about the fast scatter chart and its features in Syncfusion® .NET MAUI Chart (SfCartesianChart) control.
+platform: maui-toolkit
+control: SfCartesianChart
+documentation: ug
+Keywords: .net maui fast scatter chart, .net maui performance scatter chart, fast scatter chart customization .net maui, syncfusion maui fast scatter chart, cartesian fast scatter chart maui, cartesian performance scatter chart maui, .net maui chart fast scatter visualization.
+---
+
+# Fast Scatter in .NET MAUI Chart
+
+The **FastScatterSeries** is a specialized scatter series designed to efficiently render a large number of data points. To render a fast scatter chart, create an instance of **FastScatterSeries**, and add it to the [Series](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SfCartesianChart.html#Syncfusion_Maui_Toolkit_Charts_SfCartesianChart_Series) collection property of [SfCartesianChart](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SfCartesianChart.html).
+
+The **PointHeight** and **PointWidth** properties in the FastScatterSeries control the height and width of scatter segments. The **Type** property allows you to change the rendering shape of the **FastScatterSeries**.
+
+N> The Cartesian chart has [Series](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Charts.SfCartesianChart.html#Syncfusion_Maui_Toolkit_Charts_SfCartesianChart_Series) as its default content.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCartesianChart chart = new SfCartesianChart();
+
+NumericalAxis primaryAxis = new NumericalAxis();
+chart.XAxes.Add(primaryAxis);
+
+NumericalAxis secondaryAxis = new NumericalAxis();
+chart.YAxes.Add(secondaryAxis);
+
+FastScatterSeries series = new FastScatterSeries()
+{
+ ItemsSource = new ViewModel().Data,
+ XBindingPath = "XValue",
+ YBindingPath = "YValue",
+ PointHeight = 8,
+ PointWidth = 8,
+};
+
+chart.Series.Add(series);
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
diff --git a/maui-toolkit/Cartesian-Charts/chart-types-images/maui_fast_scatter_chart.png b/maui-toolkit/Cartesian-Charts/chart-types-images/maui_fast_scatter_chart.png
new file mode 100644
index 00000000..318cf3d4
Binary files /dev/null and b/maui-toolkit/Cartesian-Charts/chart-types-images/maui_fast_scatter_chart.png differ
diff --git a/maui-toolkit/Chips/Chips-Types.md b/maui-toolkit/Chips/Chips-Types.md
index 5f45ab29..8d6ead1b 100644
--- a/maui-toolkit/Chips/Chips-Types.md
+++ b/maui-toolkit/Chips/Chips-Types.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Chips Types in .NET MAUI Chips control | Syncfusion®
-description: Learn about Chips Types support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
+title: Chips Types in .NET MAUI Chips control | Syncfusion®
+description: Learn about Chips Types support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
diff --git a/maui-toolkit/Chips/Customization.md b/maui-toolkit/Chips/Customization.md
index 1b89ec8b..a2b9ab79 100644
--- a/maui-toolkit/Chips/Customization.md
+++ b/maui-toolkit/Chips/Customization.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Customization in .NET MAUI Chips control | Syncfusion®
-description: Learn about Customization support in Syncfusion® EToolkit for .NET MAUI Chips control, its elements and more.
+title: Customization in .NET MAUI Chips control | Syncfusion®
+description: Learn about Customization support in Syncfusion® EToolkit for .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
diff --git a/maui-toolkit/Chips/DataTemplateSelector.md b/maui-toolkit/Chips/DataTemplateSelector.md
index d15c5419..6e94a6db 100644
--- a/maui-toolkit/Chips/DataTemplateSelector.md
+++ b/maui-toolkit/Chips/DataTemplateSelector.md
@@ -1,7 +1,7 @@
---
layout: post
-title: DataTemplateSelector in .NET MAUI Chips control | Syncfusion®
-description: Learn about DataTemplateSelector support in Syncfusion® .NET MAUI Chips control, its elements and more.
+title: DataTemplateSelector in .NET MAUI Chips control | Syncfusion®
+description: Learn about DataTemplateSelector support in Syncfusion® .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
diff --git a/maui-toolkit/Chips/Events.md b/maui-toolkit/Chips/Events.md
index 790b5c5b..dc0b4867 100644
--- a/maui-toolkit/Chips/Events.md
+++ b/maui-toolkit/Chips/Events.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Events in .NET MAUI Chips control | Syncfusion®
-description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
+title: Events in .NET MAUI Chips control | Syncfusion®
+description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
diff --git a/maui-toolkit/Chips/Getting-Started.md b/maui-toolkit/Chips/Getting-Started.md
index c1ed4880..7960f3b4 100644
--- a/maui-toolkit/Chips/Getting-Started.md
+++ b/maui-toolkit/Chips/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with .NET MAUI Chips control | Syncfusion®
-description: Learn here about getting started with Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
+title: Getting Started with .NET MAUI Chips control | Syncfusion®
+description: Learn here about getting started with Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
@@ -437,6 +437,8 @@ this.Content = grid;

+N> When publishing in AOT mode on iOS, ensure `[Preserve(AllMembers = true)]` is added to the model class to maintain DisplayMemberPath binding
+
## Set types of chip group
The functionality of chips control differ based on its [ChipType](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Chips.SfChipGroup.html#Syncfusion_Maui_Toolkit_Chips_SfChipGroup_ChipType) property.
diff --git a/maui-toolkit/Chips/Overview.md b/maui-toolkit/Chips/Overview.md
index 63a24162..d95016b7 100644
--- a/maui-toolkit/Chips/Overview.md
+++ b/maui-toolkit/Chips/Overview.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Overview | .NET MAUI Chips | Syncfusion®
+title: Overview | .NET MAUI Chips | Syncfusion®
platform: maui-toolkit
description: Learn here about overall key features in Toolkit for .NET MAUI SfChip Control, its elements, and more.
control: SfChip
diff --git a/maui-toolkit/Chips/Populating-Items.md b/maui-toolkit/Chips/Populating-Items.md
index aa09ae50..dfae5f23 100644
--- a/maui-toolkit/Chips/Populating-Items.md
+++ b/maui-toolkit/Chips/Populating-Items.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Populating Items in .NET MAUI Chips control | Syncfusion®
-description: Learn about Populating Items support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
+title: Populating Items in .NET MAUI Chips control | Syncfusion®
+description: Learn about Populating Items support in Syncfusion® Toolkit for .NET MAUI Chips control, its elements and more.
platform: maui-toolkit
control: Chips
documentation: ug
diff --git a/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md b/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md
index 434bcfac..e9b6c5f0 100644
--- a/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md
+++ b/maui-toolkit/Chips/how-to/Applying-fonticon-to-Syncfusion-chip-control.md
@@ -1,6 +1,6 @@
---
layout: post
-title: How to apply the FontIcon for Syncfusion® chip control | .NET MAUI
+title: How to apply the FontIcon for Syncfusion® chip control | .NET MAUI
description: Learn how to apply the font icon to the Sfchip and its customization options with its available basic features in .NET MAUI
platform: maui-toolkit
control: Chips
diff --git a/maui-toolkit/Migration.md b/maui-toolkit/Migration.md
index e136f2dc..fccc22ad 100644
--- a/maui-toolkit/Migration.md
+++ b/maui-toolkit/Migration.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Migration from Syncfusion® .NET MAUI to Syncfusion® Toolkit for .NET MAUI
+title: Switch from Syncfusion® .NET MAUI to Syncfusion® Toolkit for .NET MAUI
description: Describes the necessary changes to easily update the existing Syncfusion® .NET MAUI control to use the new toolkit with minimal code modifications.
platform: maui-toolkit
control: General
@@ -81,6 +81,12 @@ By preserving similar APIs and functionality, developers can easily update their
xmlns:numericUpDown="clr-namespace:Syncfusion.Maui.Toolkit.NumericUpDown;assembly=Syncfusion.Maui.Toolkit" |
Defines the XAML namespace for SfNumericUpDown control. |
+
+ SfPopup |
+ xmlns:popup="clr-namespace:Syncfusion.Maui.Popup;assembly=Syncfusion.Maui.Popup" |
+ xmlns:popup="clr-namespace:Syncfusion.Maui.Toolkit.Popup;assembly=Syncfusion.Maui.Toolkit" |
+ Defines the XAML namespace for SfPopup control. |
+
SfPullToRefresh |
xmlns:pullToRefreshControl="clr-namespace:Syncfusion.Maui.PullToRefresh;assembly=Syncfusion.Maui.PullToRefresh" |
diff --git a/maui-toolkit/NumericEntry/Basic-Features.md b/maui-toolkit/NumericEntry/Basic-Features.md
index 849f6b4b..955b1581 100644
--- a/maui-toolkit/NumericEntry/Basic-Features.md
+++ b/maui-toolkit/NumericEntry/Basic-Features.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Basic Features in .NET MAUI Numeric Entry control | Syncfusion®
-description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric Entry (SfNumericEntry) control and more.
+title: Basic Features in .NET MAUI Numeric Entry control | Syncfusion®
+description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric Entry (SfNumericEntry) control and more.
platform: maui
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericEntry/Events.md b/maui-toolkit/NumericEntry/Events.md
index adc61a46..afa2295a 100644
--- a/maui-toolkit/NumericEntry/Events.md
+++ b/maui-toolkit/NumericEntry/Events.md
@@ -1,7 +1,7 @@
---
ayout: post
-title: Events in .NET MAUI NumericEntry control | Syncfusion®
-description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more details.
+title: Events in .NET MAUI NumericEntry control | Syncfusion®
+description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more details.
platform: maui
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericEntry/Formatting.md b/maui-toolkit/NumericEntry/Formatting.md
index 0093f663..28625bc0 100644
--- a/maui-toolkit/NumericEntry/Formatting.md
+++ b/maui-toolkit/NumericEntry/Formatting.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Change Number Format in .NET MAUI NumericEntry | Syncfusion®
-description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more.
+title: Change Number Format in .NET MAUI NumericEntry | Syncfusion®
+description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more.
platform: MAUI
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericEntry/Getting-Started.md b/maui-toolkit/NumericEntry/Getting-Started.md
index 8e4e6e29..40721d98 100644
--- a/maui-toolkit/NumericEntry/Getting-Started.md
+++ b/maui-toolkit/NumericEntry/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with .NET MAUI NumericEntry | Syncfusion®
-description: Learn how to get started with Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its elements, and more in here.
+title: Getting Started with .NET MAUI NumericEntry | Syncfusion®
+description: Learn how to get started with Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its elements, and more in here.
platform: MAUI
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericEntry/Overview.md b/maui-toolkit/NumericEntry/Overview.md
index fd9ccfdb..ed8a4e51 100644
--- a/maui-toolkit/NumericEntry/Overview.md
+++ b/maui-toolkit/NumericEntry/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About .NET MAUI NumericEntry Control | Syncfusion®
-description: Learn here all about introduction of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its features, and more.
+title: About .NET MAUI NumericEntry Control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control, its features, and more.
platform: MAUI
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericEntry/Restriction.md b/maui-toolkit/NumericEntry/Restriction.md
index 4a9345c8..1fb91eb6 100644
--- a/maui-toolkit/NumericEntry/Restriction.md
+++ b/maui-toolkit/NumericEntry/Restriction.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Value Change Restriction in .NET MAUI NumericEntry | Syncfusion®
-description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more.
+title: Value Change Restriction in .NET MAUI NumericEntry | Syncfusion®
+description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more.
platform: MAUI
control: SfNumericEntry
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Basic-Features.md b/maui-toolkit/NumericUpDown/Basic-Features.md
index 14d93964..d859bd3b 100644
--- a/maui-toolkit/NumericUpDown/Basic-Features.md
+++ b/maui-toolkit/NumericUpDown/Basic-Features.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Basic Features in .NET MAUI Numeric UpDown control | Syncfusion®
-description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric UpDown (SfNumericUpDown) control and more.
+title: Basic Features in .NET MAUI Numeric UpDown control | Syncfusion®
+description: Learn about Basic Features support in Syncfusion® .NET MAUI Numeric UpDown (SfNumericUpDown) control and more.
platform: maui
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Events.md b/maui-toolkit/NumericUpDown/Events.md
index b07c8102..13885075 100644
--- a/maui-toolkit/NumericUpDown/Events.md
+++ b/maui-toolkit/NumericUpDown/Events.md
@@ -1,7 +1,7 @@
---
ayout: post
-title: Events in .NET MAUI NumericUpDown control | Syncfusion®
-description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more details.
+title: Events in .NET MAUI NumericUpDown control | Syncfusion®
+description: Learn here all about the Events support in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more details.
platform: maui
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Formatting.md b/maui-toolkit/NumericUpDown/Formatting.md
index be8bca18..d3dfd558 100644
--- a/maui-toolkit/NumericUpDown/Formatting.md
+++ b/maui-toolkit/NumericUpDown/Formatting.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Change Number Format in .NET MAUI NumericUpDown | Syncfusion®
-description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
+title: Change Number Format in .NET MAUI NumericUpDown | Syncfusion®
+description: Learn here about changing the number format of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
platform: MAUI
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Getting-Started.md b/maui-toolkit/NumericUpDown/Getting-Started.md
index 08b64fea..153a4e2c 100644
--- a/maui-toolkit/NumericUpDown/Getting-Started.md
+++ b/maui-toolkit/NumericUpDown/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with .NET MAUI NumericUpDown | Syncfusion®
-description: Learn how to get started with Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its elements, and more in here.
+title: Getting Started with .NET MAUI NumericUpDown | Syncfusion®
+description: Learn how to get started with Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its elements, and more in here.
platform: MAUI
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Overview.md b/maui-toolkit/NumericUpDown/Overview.md
index 8c2ab12d..15eb90ca 100644
--- a/maui-toolkit/NumericUpDown/Overview.md
+++ b/maui-toolkit/NumericUpDown/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About .NET MAUI NumericUpDown Control | Syncfusion®
-description: Learn here all about introduction of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its features, and more.
+title: About .NET MAUI NumericUpDown Control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control, its features, and more.
platform: MAUI
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/Restriction.md b/maui-toolkit/NumericUpDown/Restriction.md
index 43850b0d..a0e0562d 100644
--- a/maui-toolkit/NumericUpDown/Restriction.md
+++ b/maui-toolkit/NumericUpDown/Restriction.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Value Change Restriction in .NET MAUI NumericUpDown | Syncfusion®
-description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
+title: Value Change Restriction in .NET MAUI NumericUpDown | Syncfusion®
+description: Learn here all about how to restrict the value change in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
platform: MAUI
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/NumericUpDown/UpDown-Button.md b/maui-toolkit/NumericUpDown/UpDown-Button.md
index 1b43d462..c412e44e 100644
--- a/maui-toolkit/NumericUpDown/UpDown-Button.md
+++ b/maui-toolkit/NumericUpDown/UpDown-Button.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Use UpDown Button in .NET MAUI NumericUpDown | Syncfusion®
-description: Learn here all about how to use UpDown Button (SpinButton) in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
+title: Use UpDown Button in .NET MAUI NumericUpDown | Syncfusion®
+description: Learn here all about how to use UpDown Button (SpinButton) in Syncfusion® .NET MAUI NumericUpDown (SfNumericUpDown) control and more.
platform: MAUI
control: SfNumericUpDown
documentation: ug
diff --git a/maui-toolkit/Otp-Input/Accessibility.md b/maui-toolkit/Otp-Input/Accessibility.md
new file mode 100644
index 00000000..be40ed03
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Accessibility.md
@@ -0,0 +1,60 @@
+---
+layout: post
+title: Accessibility in .NET MAUI OTP Input Control | Syncfusion
+description: Learn here all about the accessibility features of Syncfusion .NET MAUI OTP Input (SfOtpInput) control.
+platform: maui
+control: SfOtpInput
+documentation: ug
+---
+
+# Accessibility in .NET MAUI OTP Input (SfOtpInput)
+
+The OTP Input Control is designed to work effectively with the OTP Input elements, providing voice descriptions of their OTP Input items.
+
+## Keyboard Interaction
+The following keyboard shortcuts are supported by the OTP Input component.
+
+
+
+
+Key
+ |
+
+Description
+ |
+
+
+
+LeftArrow
+ |
+
+Focuses the previous field in the OTP Input.
+ |
+
+
+
+RightArrow
+ |
+
+Focuses the next field in OTP Input.
+ |
+
+
+
+Tab
+ |
+
+Moves the initial focus and shifts focus to the next field of the OTP Input.
+ |
+
+
+
+Shift + Tab
+ |
+
+Moves the focus to the previous field of the OTP Input.
+ |
+
+
+
+N> Tab and Shift + Tab functionality works only on Windows and MacCatalyst.
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Events.md b/maui-toolkit/Otp-Input/Events.md
new file mode 100644
index 00000000..0f91d2eb
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Events.md
@@ -0,0 +1,41 @@
+---
+layout: post
+title: Events in .NET MAUI OTP Input control | Syncfusion®
+description: Learn about event support in Syncfusion® Toolkit for .NET MAUI OTP Input (SfOtpInput) control and more.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# Events in .NET MAUI OTP Input (SfOtpInput)
+
+Events in the OTP Input control allow developers to respond effectively to user interactions and input changes.
+
+## ValueChanged event
+
+The OTP Input component triggers the `ValueChanged` event whenever the value of an input field changes. This is particularly useful for validating input in real-time or triggering further actions as user input is completed. The `OtpInputValueChangedEventArgs` provides details about the specific changes in value.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+otpInput.ValueChanged += OnValueChanged;
+
+{% endhighlight %}
+{% endtabs %}
+
+{% highlight c# %}
+
+private void OnValueChanged(object sender, OtpInputValueChangedEventArgs e)
+{
+ // Code executed when the input value changes.
+ // Example: Update the interface to show the new input value.
+ Console.WriteLine("New Value: " + e.NewValue);
+}
+
+{% endhighlight %}
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Getting-Started.md b/maui-toolkit/Otp-Input/Getting-Started.md
new file mode 100644
index 00000000..ddcc1e23
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Getting-Started.md
@@ -0,0 +1,253 @@
+---
+layout: post
+title: Getting started with .NET MAUI OTP Input control | Syncfusion®
+description: Learn here about getting started with Syncfusion® .NET MAUI OTP Input (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# Getting Started with .NET MAUI OTP Input
+
+This section provides a quick overview of how to get started with the `OTP Input` for .NET MAUI and a walk-through to configure the .NET MAUI OTP Input in a real-time scenario. Follow the steps below to add .NET MAUI OTP Input to your project.
+
+{% tabcontents %}
+{% tabcontent Visual Studio %}
+
+## Prerequisites
+
+Before proceeding, ensure the following are set up:
+
+1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
+2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later).
+
+## Step 1: Create a new .NET MAUI Project
+
+1. Go to **File > New > Project** and choose the **.NET MAUI App** template.
+2. Name the project and choose a location. Then, click **Next.**
+3. Select the .NET framework version and click **Create.**
+
+## Step 2: Install the Syncfusion® MAUI Toolkit Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
+using Syncfusion.Maui.Toolkit.Hosting;
+
+public static class MauiProgram
+{
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .ConfigureSyncfusionToolkit()
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+ });
+
+ return builder.Build();
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Add a Basic OTP Input
+
+1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
+
+2. Initialize `SfOtpInput.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% tabcontent Visual Studio Code %}
+
+## Prerequisites
+
+Before proceeding, ensure the following are set up:
+
+1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
+2. Set up a .NET MAUI environment with Visual Studio Code.
+3. Ensure that the .NET MAUI extension is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code)
+
+## Step 1: Create a new .NET MAUI Project
+
+1. Open the command palette by pressing `Ctrl+Shift+P` and type **.NET:New Project** and enter.
+2. Choose the **.NET MAUI App** template.
+3. Select the project location, type the project name and press **Enter.**
+4. Then choose **Create project.**
+
+## Step 2: Install the Syncfusion® MAUI Toolkit Package
+
+1. Press Ctrl + ` (backtick) to open the integrated terminal in Visual Studio Code.
+2. Ensure you're in the project root directory where your .csproj file is located.
+3. Run the command `dotnet add package Syncfusion.Maui.Toolkit` to install the Syncfusion® .NET MAUI Toolkit NuGet package.
+4. To ensure all dependencies are installed, run `dotnet restore.`
+
+## Step 3: Register the handler
+
+In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
+using Syncfusion.Maui.Toolkit.Hosting;
+
+public static class MauiProgram
+{
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .ConfigureSyncfusionToolkit()
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+ });
+
+ return builder.Build();
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Add a Basic OTP Input
+
+1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
+
+2. Initialize `SfOtpInput.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+
+{% tabcontent JetBrains Rider %}
+
+## Prerequisites
+
+Before proceeding, ensure the following are set up:
+
+1. Ensure you have the latest version of JetBrains Rider.
+2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
+3. Make sure the MAUI workloads are installed and configured as described [here.](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start)
+
+## Step 1: Create a new .NET MAUI Project
+
+1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
+2. Enter the Project Name, Solution Name, and Location.
+3. Select the .NET framework version and click Create.
+
+## Step 2: Install the Syncfusion® MAUI Toolkit NuGet Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
+
+## Step 3: Register the handler
+
+In the MauiProgram.cs file, register the handler for Syncfusion® Toolkit.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 9" %}
+using Syncfusion.Maui.Toolkit.Hosting;
+
+public static class MauiProgram
+{
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .ConfigureSyncfusionToolkit()
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+ });
+
+ return builder.Build();
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Add a Basic OTP Input
+
+1. To initialize the control, import the `Syncfusion.Maui.Toolkit.OtpInput` namespace into your code.
+
+2. Initialize `SfOtpInput.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput();
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% endtabcontents %}
+
+## Value
+
+You can specify the value of OTP Input by using the `Value` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Value = "e3c7",
+ Type = OtpInputType.Text
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Input-Types.md b/maui-toolkit/Otp-Input/Input-Types.md
new file mode 100644
index 00000000..edad3368
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Input-Types.md
@@ -0,0 +1,83 @@
+---
+layout: post
+title: Input Types in .NET MAUI OTP Input | Syncfusion®
+description: Learn here about input types in Syncfusion® .NET MAUI OTP Input (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# Input Types in .NET MAUI OTP Input
+
+## Types
+
+This section explains the the various types of OTP (One-Time Password) input component, explaining their default behaviors and appropriate use cases.
+
+### Number type
+
+The `Type` property can be set to `Number`, prompting the input to handle numeric-only codes. This is ideal for scenarios demanding numeric OTP's. By default, the `Type` property is set to `Number`.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Value = "1234",
+ Type = OtpInputType.Number
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Text type
+
+You can set the `Type` property to `Text` for inputs that may include both letters and numbers, suitable for alphanumeric OTP's.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Value = "e3c7",
+ Type = OtpInputType.Text
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Password type
+
+You can set the `Type` property to `Password` to use this input type as password in the OTP Input.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Value = "e3c7",
+ Type = OtpInputType.Password
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/OtpInput-Customization.md b/maui-toolkit/Otp-Input/OtpInput-Customization.md
new file mode 100644
index 00000000..8f26c690
--- /dev/null
+++ b/maui-toolkit/Otp-Input/OtpInput-Customization.md
@@ -0,0 +1,305 @@
+---
+layout: post
+title: Customization in .NET MAUI OTP Input (SfOtpInput) | Syncfusion®
+description: Learn how to customize OTP input in Syncfusion® .NET MAUI OTP Input (SfOtpInput) control. Explore various options to enhance the appearance of your OTP input.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# Customization in .NET MAUI OTP Input (SfOtpInput)
+
+An `OTP Input` consists of multiple elements that can be customized to enhance both its appearance and functionality.
+
+## Placeholder
+
+The placeholder for the OTP Input specifies the text that appears as a hint until the user enters a value.
+
+Set the placeholder text using the `Placeholder` property. When a single character is assigned, each input field will show the same character.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Placeholder = "_"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+For placeholders with multiple characters, available input fields will sequentially display each character.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Placeholder = "wxyz"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### PlaceholderColor
+
+The color of placeholder text can be changed using the `PlaceholderColor` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Placeholder = "x",
+ PlaceholderColor = Colors.Red
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Separator
+
+The `Separator` property defines a character or symbol used to separate each input field, visually distinguishing inputs.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Separator = "/"
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Setting input length
+
+You can specify the number of input fields to match the desired OTP code length by using the `Length` property. The default value is `4`.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Length = 6
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Disable inputs
+
+You can disable the OTP Input component by using the `IsEnabled` property. By default, this property's value is set to `True.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ IsEnabled = false
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Input background
+
+You can set the `InputBackground` property to any color to customize the appearance of the input fields. The `InputBackground` property applies only when `StylingMode` is set to `Filled.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ InputBackground = Colors.LightPink,
+ StylingMode = OtpInputStyle.Filled
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Stroke
+
+You can set the `Stroke` property to any color to customize the border appearance of the input fields.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Stroke = Colors.Blue
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Text color
+
+You can set the `TextColor` property to any color to customize the text appearance of the input fields.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ TextColor = Colors.Orange
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Mask character
+
+You can set the `MaskCharacter` property to any character to define how the masked input is displayed, enhancing security by obscuring sensitive information. The `MaskCharacter` property applies only when `Type` is set to `Password.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ Type = OtpInputType.Password,
+ MaskCharacter = '*'
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Input state
+
+The `InputState` property in the OTP Input allows you to visually represent the validation status of the input fields.
+
+### Success
+
+The `InputState` can be set to `Success` to indicate that the input is correct. When the `InputState` is set to `Success,` the stroke of the OTP Input turns green.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ InputState = OtpInputState.Success
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Warning
+
+The `InputState` can be set to `Warning` to indicate a potential issue with the input, prompting the user to correct it. The stroke of the OTP Input turns orange-brown when `InputState` is set to `Warning.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ InputState = OtpInputState.Warning
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Error
+
+The `InputState` can be set to `Error` to indicate that the input is invalid or requires correction. The stroke of OTP Input turns red when `InputState` is set to `Error.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ InputState = OtpInputState.Error
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Overview.md b/maui-toolkit/Otp-Input/Overview.md
new file mode 100644
index 00000000..9f427b2b
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Overview.md
@@ -0,0 +1,24 @@
+---
+layout: post
+title: About .NET MAUI OTP Input control | Syncfusion®
+description: Learn here about introduction of Syncfusion® .NET MAUI OTP Input (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# .NET MAUI OTP Input (SfOtpInput) Overview
+
+An `OTP Input` is a user interface component commonly used in applications that require one-time password (OTP) verification for authentication. This simplify and streamline the process of entering OTP codes received via SMS, email, or other communication channels.
+
+
+
+## Key Features
+
+* `Length` - Customize the number of input fields to match the desired OTP code length.
+
+* `StylingMode` - Supports different styling modes : Outlined, Filled, and Underlined.
+
+* `Type` - Supports different input types : Number, Text, and Password.
+
+* `Separator` – Specifies the character or symbol used to separate each input field.
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/Styling-Modes.md b/maui-toolkit/Otp-Input/Styling-Modes.md
new file mode 100644
index 00000000..dee8b1ba
--- /dev/null
+++ b/maui-toolkit/Otp-Input/Styling-Modes.md
@@ -0,0 +1,79 @@
+---
+layout: post
+title: Styling Modes in .NET MAUI OTP Input | Syncfusion®
+description: Learn here about styling modes in Syncfusion® .NET MAUI OTP Input (SfOtpInput) control in your cross-platform applications.
+platform: maui-toolkit
+control: OTP Input
+documentation: ug
+---
+
+# Styling Modes in OTP Input
+
+Styling modes specify the visual style variants for input fields in the OTP Input component, allowing you to customize appearances according to your application's design needs.
+
+
+## Outline mode
+
+You can customize the appearance of input fields with a border around them by setting the `StylingMode` property to `Outlined.` This is the default styling mode for the OTP Input component.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ StylingMode = OtpInputStyle.Outlined
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Filled mode
+
+You can customize the appearance of input fields by filling them with color by setting the `StylingMode` property to `Filled.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ StylingMode = OtpInputStyle.Filled
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Underline mode
+
+You can customize the appearance of input fields with an underline by setting the `StylingMode` property to `Underlined.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfOtpInput otpInput = new SfOtpInput()
+{
+ StylingMode = OtpInputStyle.Underlined
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/maui-toolkit/Otp-Input/images/error.png b/maui-toolkit/Otp-Input/images/error.png
new file mode 100644
index 00000000..b3b1e942
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/error.png differ
diff --git a/maui-toolkit/Otp-Input/images/filled.png b/maui-toolkit/Otp-Input/images/filled.png
new file mode 100644
index 00000000..8c68b551
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/filled.png differ
diff --git a/maui-toolkit/Otp-Input/images/inputBackground.png b/maui-toolkit/Otp-Input/images/inputBackground.png
new file mode 100644
index 00000000..506958f6
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/inputBackground.png differ
diff --git a/maui-toolkit/Otp-Input/images/isenabled.png b/maui-toolkit/Otp-Input/images/isenabled.png
new file mode 100644
index 00000000..36f1c98f
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/isenabled.png differ
diff --git a/maui-toolkit/Otp-Input/images/length.png b/maui-toolkit/Otp-Input/images/length.png
new file mode 100644
index 00000000..35a3094c
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/length.png differ
diff --git a/maui-toolkit/Otp-Input/images/maskCharacter.png b/maui-toolkit/Otp-Input/images/maskCharacter.png
new file mode 100644
index 00000000..af87097a
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/maskCharacter.png differ
diff --git a/maui-toolkit/Otp-Input/images/number.png b/maui-toolkit/Otp-Input/images/number.png
new file mode 100644
index 00000000..121dccaf
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/number.png differ
diff --git a/maui-toolkit/Otp-Input/images/outlined.png b/maui-toolkit/Otp-Input/images/outlined.png
new file mode 100644
index 00000000..4e73da01
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/outlined.png differ
diff --git a/maui-toolkit/Otp-Input/images/overview.png b/maui-toolkit/Otp-Input/images/overview.png
new file mode 100644
index 00000000..cd454b3c
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/overview.png differ
diff --git a/maui-toolkit/Otp-Input/images/password.png b/maui-toolkit/Otp-Input/images/password.png
new file mode 100644
index 00000000..eb586f0e
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/password.png differ
diff --git a/maui-toolkit/Otp-Input/images/placeholder.png b/maui-toolkit/Otp-Input/images/placeholder.png
new file mode 100644
index 00000000..133d1abb
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/placeholder.png differ
diff --git a/maui-toolkit/Otp-Input/images/placeholderColor.png b/maui-toolkit/Otp-Input/images/placeholderColor.png
new file mode 100644
index 00000000..537e9189
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/placeholderColor.png differ
diff --git a/maui-toolkit/Otp-Input/images/placeholderLength.png b/maui-toolkit/Otp-Input/images/placeholderLength.png
new file mode 100644
index 00000000..a5af2185
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/placeholderLength.png differ
diff --git a/maui-toolkit/Otp-Input/images/separator.png b/maui-toolkit/Otp-Input/images/separator.png
new file mode 100644
index 00000000..d8490814
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/separator.png differ
diff --git a/maui-toolkit/Otp-Input/images/stroke.png b/maui-toolkit/Otp-Input/images/stroke.png
new file mode 100644
index 00000000..5c0592ff
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/stroke.png differ
diff --git a/maui-toolkit/Otp-Input/images/success.png b/maui-toolkit/Otp-Input/images/success.png
new file mode 100644
index 00000000..82483cea
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/success.png differ
diff --git a/maui-toolkit/Otp-Input/images/text.png b/maui-toolkit/Otp-Input/images/text.png
new file mode 100644
index 00000000..cec5ce1c
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/text.png differ
diff --git a/maui-toolkit/Otp-Input/images/textColor.png b/maui-toolkit/Otp-Input/images/textColor.png
new file mode 100644
index 00000000..3ae53e92
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/textColor.png differ
diff --git a/maui-toolkit/Otp-Input/images/underlined.png b/maui-toolkit/Otp-Input/images/underlined.png
new file mode 100644
index 00000000..c3ef7fbf
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/underlined.png differ
diff --git a/maui-toolkit/Otp-Input/images/value.png b/maui-toolkit/Otp-Input/images/value.png
new file mode 100644
index 00000000..cec5ce1c
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/value.png differ
diff --git a/maui-toolkit/Otp-Input/images/warning.png b/maui-toolkit/Otp-Input/images/warning.png
new file mode 100644
index 00000000..4ce4d42f
Binary files /dev/null and b/maui-toolkit/Otp-Input/images/warning.png differ
diff --git a/maui-toolkit/Popup/Images/popup-positioning/maui-popup-popsitioning-without-actionbar-consideration.png b/maui-toolkit/Popup/Images/popup-positioning/maui-popup-popsitioning-without-actionbar-consideration.png
new file mode 100644
index 00000000..11abbefc
Binary files /dev/null and b/maui-toolkit/Popup/Images/popup-positioning/maui-popup-popsitioning-without-actionbar-consideration.png differ
diff --git a/maui-toolkit/Popup/popup-positioning.md b/maui-toolkit/Popup/popup-positioning.md
index 472637f5..0abfe87a 100644
--- a/maui-toolkit/Popup/popup-positioning.md
+++ b/maui-toolkit/Popup/popup-positioning.md
@@ -322,6 +322,29 @@ popup.IsOpen = true;

+## Position the popup over the action bar
+
+The SfPopup can be positioned without considering the action bar by using the `SfPopup.IgnoreActionBar` property. When set to true, this allows the popup to be positioned over the action bar without any constraints.
+
+{% tabs %}
+{% highlight xaml hl_lines="2" %}
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="2" %}
+SfPopup popup = new SfPopup();
+popup.IgnoreActionBar = True;
+popup.Show(0,0);
+{% endhighlight %}
+{% endtabs %}
+
+
+
+If `IgnoreActionBar` is set to false, the popup positioning will take the action bar into account, ensuring it does not overlap.
+
+This feature is useful when you want to display the popup freely across the screen, including over the action bar.
+
## How to
### Returning result
diff --git a/maui-toolkit/Release-notes/v1.0.4.md b/maui-toolkit/Release-notes/v1.0.4.md
new file mode 100644
index 00000000..9b01e17e
--- /dev/null
+++ b/maui-toolkit/Release-notes/v1.0.4.md
@@ -0,0 +1,17 @@
+---
+title: Syncfusion Toolkit for .NET MAUI Release Notes
+description: Syncfusion Toolkit for .NET MAUI Release Notes
+platform: maui-toolkit
+documentation: ug
+---
+
+# Syncfusion Toolkit for .NET MAUI Release Notes
+
+{% include release-info.html date="March 13, 2025" version="v1.0.4" %}
+
+{% directory path: _includes/release-notes/v1.0.4 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
diff --git a/maui-toolkit/TabView/CenterButton-Customization.md b/maui-toolkit/TabView/CenterButton-Customization.md
new file mode 100644
index 00000000..f0113440
--- /dev/null
+++ b/maui-toolkit/TabView/CenterButton-Customization.md
@@ -0,0 +1,120 @@
+---
+layout: post
+title: Center button customization in .NET MAUI Tab View | Syncfusion®
+description: Learn here all about the center button customization in the Syncfusion® .NET MAUI Tab View(SfTabView) control.
+platform: maui-toolkit
+control: Tab View
+documentation: ug
+---
+
+# Center Button Customization in .NET MAUI Tab View (SfTabView)
+
+This section explains how to enable and customize The center button in .NET MAUI [SfTabView.](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html)
+
+## Enable the center button
+
+You can enable the center button in Tab View by setting the `IsCenterButtonEnable` property to `True.`
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+
+{% highlight C# %}
+
+public MainPage()
+{
+ InitializeComponent();
+ SfTabView tabView = new SfTabView();
+ tabView.IsCenterButtonEnabled = true;
+ this.Content = tabView;
+}
+{% endhighlight %}
+
+{% endtabs %}
+
+## Customize the center button
+You can customize the center button using the properties of `CenterButtonSetting.` The following properties are used to customize the view of the center button `Background,` `Stroke,` `StrokeThickness,` `CornerRadius,` `TextColor,` `Height,` `Title,` `FontAttributes,` `FontFamily,` `FontSize,` `Width,` `ImageSource,` `ImageSize,` and `DisplayMode.`
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight C# %}
+
+public MainPage()
+{
+ InitializeComponent();
+ SfTabView tabView = new SfTabView();
+ CenterButtonSettings centerButtonSettings = new CenterButtonSettings()
+ {
+ Height = 80,
+ Width = 100,
+ Title = "Center Button",
+ FontAttributes = FontAttributes.Bold,
+ TextColor = Colors.Green,
+ DisplayMode = CenterButtonDisplayMode.ImageWithText,
+ ImageSource = "Home.png",
+ ImageSize = 24,
+ FontFamily = "SevillanaRegular",
+ CornerRadius = new CornerRadius(10),
+ };
+
+ tabView.CenterButtonSettings = centerButtonSettings;
+}
+{% endhighlight %}
+
+{% endtabs %}
+
+## Center button tapped event
+
+When the center button is tapped, the `CenterButtonTapped` event occurs. Using this event we can set alert messages.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+{% endhighlight %}
+
+{% highlight C# %}
+
+public MainPage()
+{
+ InitializeComponent();
+ tabView.CenterButtonTapped += OnCenterButtonTapped;
+}
+
+private void OnCenterButtonTapped(object sender, EventArgs e)
+{
+ DisplayAlert("Message", "CenterButton Clicked", "Ok");
+}
+
+{% endhighlight %}
+
+{% endtabs %}
diff --git a/maui-toolkit/TabView/Tab-Bar-Customization.md b/maui-toolkit/TabView/Tab-Bar-Customization.md
index 0fda66e9..4b5a5ea1 100644
--- a/maui-toolkit/TabView/Tab-Bar-Customization.md
+++ b/maui-toolkit/TabView/Tab-Bar-Customization.md
@@ -119,6 +119,52 @@ tabView.HeaderHorizontalTextAlignment = TextAlignment.Center;

+
+## Enable content transition
+
+The .NET MAUI Tab View allows users to enable or disable the transition animation for tab content when switching between tabs using `IsContentTransitionEnabled` property.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+{% endhighlight %}
+
+{% highlight C# %}
+SfTabView tabView = new SfTabView();
+tabView.IsContentTransitionEnabled = "True";
+tabView.ContentTransitionDuration = 1000;
+{% endhighlight %}
+
+{% endtabs %}
+
+
+## Tab header alignment
+
+The .NET MAUI TabView allows users to customize the header position using the `TabHeaderAlignment` property, providing greater flexibility in tab layout customization.
+
+By default, the header is positioned at the Start. This property supports the following values:
+
+* **Start** - Positions the tab header at the beginning of the tab view.
+* **Center** - Aligns the tab header at the center of the tab view.
+* **End** - Places the tab header at the end of the tab view.
+
+
+N> The `TabHeaderAlignment` property is applicable only when the `TabWidthMode` is set to SizeToContent.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+{% endhighlight %}
+
+{% highlight C# %}
+SfTabView tabView = new SfTabView();
+ tabView.TabHeaderAlignment = TabHeaderAlignment.Center;
+{% endhighlight %}
+
+{% endtabs %}
+
## Tab bar placement options
The .NET MAUI Tab View provides two options for determining how the tab bar aligns relative to the tab content. The options are top and bottom. This can be done using the [TabBarPlacement](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.TabView.SfTabView.html#Syncfusion_Maui_Toolkit_TabView_SfTabView_TabBarPlacement) property.
diff --git a/maui-toolkit/TextInputLayout/Assistive-Labels.md b/maui-toolkit/TextInputLayout/Assistive-Labels.md
index 32e3992b..f7d3aa04 100644
--- a/maui-toolkit/TextInputLayout/Assistive-Labels.md
+++ b/maui-toolkit/TextInputLayout/Assistive-Labels.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Assistive Labels in .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn here all about Assistive Labels support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Assistive Labels in .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here all about Assistive Labels support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Container-Type.md b/maui-toolkit/TextInputLayout/Container-Type.md
index 405a0287..9848cf56 100644
--- a/maui-toolkit/TextInputLayout/Container-Type.md
+++ b/maui-toolkit/TextInputLayout/Container-Type.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Container Type in .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn here all about Container Type support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Container Type in .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here all about Container Type support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Custom-Font.md b/maui-toolkit/TextInputLayout/Custom-Font.md
index de4ba669..7532b017 100644
--- a/maui-toolkit/TextInputLayout/Custom-Font.md
+++ b/maui-toolkit/TextInputLayout/Custom-Font.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Font Customization in .NET MAUI TextInputLayout control | Syncfusion®
-description: Learn here all about Font Customization support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Font Customization in .NET MAUI TextInputLayout control | Syncfusion®
+description: Learn here all about Font Customization support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Custom-Icons.md b/maui-toolkit/TextInputLayout/Custom-Icons.md
index 0f857123..cf2325e7 100644
--- a/maui-toolkit/TextInputLayout/Custom-Icons.md
+++ b/maui-toolkit/TextInputLayout/Custom-Icons.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Custom Icons in .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn here all about Custom Icons support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Custom Icons in .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here all about Custom Icons support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Events.md b/maui-toolkit/TextInputLayout/Events.md
index 3f07d520..675f5d87 100644
--- a/maui-toolkit/TextInputLayout/Events.md
+++ b/maui-toolkit/TextInputLayout/Events.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Events in MAUI TextInputLayout control | Syncfusion®
-description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI TextInputLayout control, its elements, and more.
+title: Events in MAUI TextInputLayout control | Syncfusion®
+description: Learn about Events support in Syncfusion® Toolkit for .NET MAUI TextInputLayout control, its elements, and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md b/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md
index d3144329..aed20b0f 100644
--- a/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md
+++ b/maui-toolkit/TextInputLayout/Fixed-Hint-Position.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Fixed Hint Position in .NET MAUI TextInputLayout control | Syncfusion®
-description: Learn here all about Fixed Hint Position support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Fixed Hint Position in .NET MAUI TextInputLayout control | Syncfusion®
+description: Learn here all about Fixed Hint Position support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Getting-Started.md b/maui-toolkit/TextInputLayout/Getting-Started.md
index 610f367b..c5c2035b 100644
--- a/maui-toolkit/TextInputLayout/Getting-Started.md
+++ b/maui-toolkit/TextInputLayout/Getting-Started.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Getting Started with .NET MAUI Text Input Layout | Syncfusion®
-description: Learn here about getting started with Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more.
+title: Getting Started with .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here about getting started with Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/How-To.md b/maui-toolkit/TextInputLayout/How-To.md
index c7549515..ac114168 100644
--- a/maui-toolkit/TextInputLayout/How-To.md
+++ b/maui-toolkit/TextInputLayout/How-To.md
@@ -1,7 +1,7 @@
---
layout: post
-title: How to | SfTextInputLayout |.NET MAUI | Syncfusion®
-description: Learn here all about stroke thickness customization in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: How to | SfTextInputLayout |.NET MAUI | Syncfusion®
+description: Learn here all about stroke thickness customization in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Overview.md b/maui-toolkit/TextInputLayout/Overview.md
index bccc1b1b..073b2144 100644
--- a/maui-toolkit/TextInputLayout/Overview.md
+++ b/maui-toolkit/TextInputLayout/Overview.md
@@ -1,7 +1,7 @@
---
layout: post
-title: About .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn here all about introduction of Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more.
+title: About .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here all about introduction of Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control, its elements and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/States-And-Colors.md b/maui-toolkit/TextInputLayout/States-And-Colors.md
index 929dfcbd..7c55656f 100644
--- a/maui-toolkit/TextInputLayout/States-And-Colors.md
+++ b/maui-toolkit/TextInputLayout/States-And-Colors.md
@@ -1,7 +1,7 @@
---
layout: post
-title: States and Colors the .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn here all about States and Colors support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: States and Colors the .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn here all about States and Colors support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/Supported-input-views.md b/maui-toolkit/TextInputLayout/Supported-input-views.md
index 34064305..6c8ec9dc 100644
--- a/maui-toolkit/TextInputLayout/Supported-input-views.md
+++ b/maui-toolkit/TextInputLayout/Supported-input-views.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Supported Input Views in .NET MAUI Text Input Layout | Syncfusion®
-description: Learn here all about Supported Input Views support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Supported Input Views in .NET MAUI Text Input Layout | Syncfusion®
+description: Learn here all about Supported Input Views support in the Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug
diff --git a/maui-toolkit/TextInputLayout/right-to-left.md b/maui-toolkit/TextInputLayout/right-to-left.md
index e4aa5e2c..ad87a543 100644
--- a/maui-toolkit/TextInputLayout/right-to-left.md
+++ b/maui-toolkit/TextInputLayout/right-to-left.md
@@ -1,7 +1,7 @@
---
layout: post
-title: Right-to-Left in .NET MAUI Text Input Layout control | Syncfusion®
-description: Learn about Right-to-Left support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
+title: Right-to-Left in .NET MAUI Text Input Layout control | Syncfusion®
+description: Learn about Right-to-Left support in Syncfusion® .NET MAUI Text Input Layout (SfTextInputLayout) control and more.
platform: maui-toolkit
control: SfTextInputLayout
documentation: ug