diff --git a/MAUI/AI-Coding-Assistant/prompt-library.md b/MAUI/AI-Coding-Assistant/prompt-library.md
index f6abd4a22a..f2265101c5 100644
--- a/MAUI/AI-Coding-Assistant/prompt-library.md
+++ b/MAUI/AI-Coding-Assistant/prompt-library.md
@@ -1,11 +1,10 @@
---
layout: post
title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
-description: Enhance .NET MAUI productivity with the Syncfusion AI Coding Assistant Prompt Library: prompts for code generation, configuration, and contextual guidance.
-control: Syncfusion AI Coding Assistant Prompt Library
+description: Enhance .NET MAUI productivity with the Syncfusion AI Coding Assistant Prompt Library, prompts for code generation, configuration, and contextual guidance.
platform: MAUI
+control: Syncfusion AI Coding Assistant Prompt Library
documentation: ug
-domainurl: ##DomainURL##
---
# Prompt Library - AI Coding Assistant
diff --git a/MAUI/AIAssistView/Images/suggestions/maui-aiassistview-suggestion-headertext.png b/MAUI/AIAssistView/Images/suggestions/maui-aiassistview-suggestion-headertext.png
new file mode 100644
index 0000000000..fde6e8680a
Binary files /dev/null and b/MAUI/AIAssistView/Images/suggestions/maui-aiassistview-suggestion-headertext.png differ
diff --git a/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-actionbuttons.gif b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-actionbuttons.gif
new file mode 100644
index 0000000000..ffc9a9355d
Binary files /dev/null and b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-actionbuttons.gif differ
diff --git a/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-editoption.gif b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-editoption.gif
new file mode 100644
index 0000000000..73bf0da522
Binary files /dev/null and b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-editoption.gif differ
diff --git a/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-requestbutton.png b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-requestbutton.png
new file mode 100644
index 0000000000..349fa3efd4
Binary files /dev/null and b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-requestbutton.png differ
diff --git a/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottom.gif b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottom.gif
new file mode 100644
index 0000000000..267e9a8974
Binary files /dev/null and b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottom.gif differ
diff --git a/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottomtemplate.png b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottomtemplate.png
new file mode 100644
index 0000000000..849dd7dabf
Binary files /dev/null and b/MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottomtemplate.png differ
diff --git a/MAUI/AIAssistView/items.md b/MAUI/AIAssistView/items.md
index 5ae5dfde54..f8be96c669 100644
--- a/MAUI/AIAssistView/items.md
+++ b/MAUI/AIAssistView/items.md
@@ -481,4 +481,167 @@ public class ViewModel : INotifyPropertyChanged
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
+
+## Customizable views
+
+The `SfAIAssistView` allows you to customize specific parts of request and response items without changing the entire UI. You can apply styles, templates, or subclass these views to create custom visuals and behavior.
+
+The following views can be customized individually:
+
+- `RequestTextView` – Represents the user request text content.
+- `RequestAssistImageView` – Represents the user request image content.
+- `RequestHyperlinkUrlLabelView` – Represents the user request URL label area.
+- `RequestHyperLinkDetailsViewFrameView` – Represents the user request URL details/preview frame area.
+- `ResponseTextView` – Represents the AI response text content.
+- `ResponseAssistImageView` – Represents the AI response image content.
+- `ResponseHyperlinkUrlLabelView` – Represents the AI response URL label area.
+- `ResponseHyperLinkDetailsViewFrameView` – Represents the AI response URL details/preview frame area.
+- `ResponseCardView` – Represents the container for card-based AI responses.
+- `CardItemView` – Represents a single card item within a response.
+- `CardButtonView` – Represents an action button inside a card item; exposes Title and Value bindable properties
+
+{% tabs %}
+{% highlight xaml hl_lines="14 30" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ...
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="23 47" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+namespace MauiAIAssistView
+{
+ public partial class MainPage : ContentPage
+ {
+ SfAIAssistView assistView;
+ ViewModel viewModel;
+
+ public MainPage()
+ {
+ InitializeComponent();
+ viewModel = new ViewModel();
+
+ assistView = new SfAIAssistView
+ {
+ AssistItems = viewModel.AssistItems;
+ };
+
+ var resources = new ResourceDictionary();
+
+ // Request text customization
+ var requestTextStyle = new Style(typeof(RequestTextView))
+ {
+ Setters =
+ {
+ new Setter
+ {
+ Property = RequestTextView.ControlTemplateProperty,
+ Value = new ControlTemplate(() =>
+ {
+ var grid = new Grid { Padding = 8, BackgroundColor = Colors.Beige };
+ var label = new Label
+ {
+ FontSize = 13,
+ TextColor = Colors.Black
+ };
+ label.SetBinding(Label.TextProperty, "Text");
+ grid.Children.Add(label);
+ return grid;
+ })
+ }
+ }
+ };
+
+ // Response text customization
+ var responseTextStyle = new Style(typeof(ResponseTextView))
+ {
+ Setters =
+ {
+ new Setter
+ {
+ Property = ResponseTextView.ControlTemplateProperty,
+ Value = new ControlTemplate(() =>
+ {
+ var grid = new Grid { Padding = 10, BackgroundColor = Colors.LightSkyBlue };
+ var label = new Label
+ {
+ FontSize = 13,
+ FontAttributes = FontAttributes.Italic,
+ TextColor = Colors.White
+ };
+ label.SetBinding(Label.TextProperty, "Text");
+ grid.Children.Add(label);
+ return grid;
+ })
+ }
+ }
+ };
+
+ ...
+
+ resources.Add(requestTextStyle);
+ resources.Add(responseTextStyle);
+
+ this.Resources = resources;
+ this.Content = assistView;
+ this.BindingContext = viewModel;
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/AIAssistView/styles.md b/MAUI/AIAssistView/styles.md
index d2f2e25762..6aa20e6d81 100644
--- a/MAUI/AIAssistView/styles.md
+++ b/MAUI/AIAssistView/styles.md
@@ -1181,3 +1181,179 @@ public MainPage()
{% endtabs %}
+
+## Scroll to bottom button style
+
+To style the scroll to bottom button view based on its appearance, set values to the in-built keys in the resource dictionary.
+
+
+
+
Key
+
Description
+
+
+
SfAIAssistViewScrollToBottomButtonBackground
+
Background color of the scroll to bottom button view.
+
+
+
SfAIAssistViewScrollToBottomButtonIconColor
+
Color of the scroll to bottom button.
+
+
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+ CustomTheme
+ Orange
+ White
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+public MainPage()
+{
+ InitializeComponent();
+ ResourceDictionary dictionary = new ResourceDictionary();
+ dictionary.Add("SfAIAssistViewTheme", "CustomTheme");
+ dictionary.Add("SfAIAssistViewScrollToBottomButtonBackground", Colors.Orange);
+ dictionary.Add("SfAIAssistViewScrollToBottomButtonIconColor", Colors.White);
+ this.Resources.Add(dictionary);
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Action button style
+
+To style the action button view based on its appearance, set values to the in-built keys in the resource dictionary.
+
+
+
+
Key
+
Description
+
+
+
SfAIAssistViewActionButtonBackground
+
Background color of the action button.
+
+
+
SfAIAssistViewActionButtonIconColor
+
Color of the action button.
+
+
+
SfAIAssistViewActionButtonViewTextColor
+
Text color of an item in the action button.
+
+
+
SfAIAssistViewActionButtonsPopupBackground
+
Background color of the action buttons view.
+
+
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+ CustomTheme
+ Orange
+ White
+ Black
+ LightGray
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+public MainPage()
+{
+ InitializeComponent();
+ ResourceDictionary dictionary = new ResourceDictionary();
+ dictionary.Add("SfAIAssistViewTheme", "CustomTheme");
+ dictionary.Add("SfAIAssistViewActionButtonBackground", Colors.Orange);
+ dictionary.Add("SfAIAssistViewActionButtonIconColor", Colors.White);
+ dictionary.Add("SfAIAssistViewActionButtonViewTextColor", Colors.Black);
+ dictionary.Add("SfAIAssistViewActionButtonsPopupBackground", Colors.LightGray);
+ this.Resources.Add(dictionary);
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Response suggestion header text style
+
+To style the response suggestion header text view based on its appearance, set values to the in-built keys in the resource dictionary.
+
+
+
+
Key
+
Description
+
+
+
SfAIAssistViewSuggestionHeaderTextColor
+
Text color of response suggestion header text.
+
+
+
SfAIAssistViewSuggestionHeaderFontSize
+
Font size of response suggestion header text.
+
+
+
SfAIAssistViewSuggestionHeaderFontFamily
+
Font family of response suggestion header text.
+
+
+
SfAIAssistViewSuggestionHeaderFontAttributes
+
Font attributes of response suggestion header text.
+
+
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+ CustomTheme
+ DarkBlue
+ 14
+ Roboto-Medium
+ Bold
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+public MainPage()
+{
+ ....
+ InitializeComponent();
+ ResourceDictionary dictionary = new ResourceDictionary();
+ dictionary.Add("SfAIAssistViewTheme", "CustomTheme");
+ dictionary.Add("SfAIAssistViewSuggestionHeaderTextColor", Colors.DarkBlue);
+ dictionary.Add("SfAIAssistViewSuggestionHeaderFontSize", 14);
+ dictionary.Add("SfAIAssistViewSuggestionHeaderFontFamily", "Roboto-Medium");
+ dictionary.Add("SfAIAssistViewSuggestionHeaderFontAttributes", FontAttributes.Bold);
+ this.Resources.Add(dictionary);
+ ....
+}
+
+{% endhighlight %}
+{% endtabs %}
diff --git a/MAUI/AIAssistView/suggestions.md b/MAUI/AIAssistView/suggestions.md
index 4f2d669ce2..3ba8a7d8ab 100644
--- a/MAUI/AIAssistView/suggestions.md
+++ b/MAUI/AIAssistView/suggestions.md
@@ -384,6 +384,44 @@ The [AssistItemSuggestion.ItemSpacing](https://help.syncfusion.com/cr/maui/Syncf
{% endhighlight %}
{% endtabs %}
+### Response item suggestion header
+
+The `SfAIAssistView` control allows you to define the header text for each response suggestion by setting a custom text to the `AssistItem.SuggestionHeaderText` property, ensuring clear identification and context for each suggestion group displayed to users.
+
+{% tabs %}
+{% highlight c# tabtitle="ViewModel.cs" hl_lines="19" %}
+
+ ...
+ private async Task GetResult(AssistItem requestItem)
+ {
+ await Task.Delay(1000).ConfigureAwait(true);
+
+ AssistItem responseItem = new AssistItem()
+ {
+ Text = "MAUI stands for .NET Multi-platform App UI. It's a .NET framework for building cross-platform apps with a single C# codebase for iOS, Android, macOS, and Windows. Sure! Here's a link to learn more about .NET MAUI",
+ };
+
+ var assistSuggestions = new AssistItemSuggestion();
+
+ suggestions = new ObservableCollection();
+ suggestions.Add(new AssistSuggestion() { Text = "Get started with .NET MAUI" });
+ suggestions.Add(new AssistSuggestion() { Text = "Build your first MAUI app" });
+
+ assistSuggestions.Items = suggestions;
+
+ assistSuggestions.SuggestionHeaderText = "Related Topics";
+
+ // Assign suggestions to response item.
+ responseItem.Suggestion = assistSuggestions;
+ this.AssistItems.Add(responseItem);
+ }
+ ...
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Response item suggestion customization
The `SfAIAssistView` control allows you to fully customize the appearance of the response suggestion items using the [ResponseSuggestionTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ResponseSuggestionTemplate) property. This property lets you define a custom layout and style for the suggestion item UI.
@@ -435,7 +473,6 @@ public partial class MainPage : ContentPage
-
## Event and Commands
When a user selects a suggestion, the [SuggestionItemSelected](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_SuggestionItemSelected) event and [SuggestionItemSelectedCommand](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_SuggestionItemSelectedCommand) are triggered, providing [SuggestionItemSelectedEventArgs](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SuggestionItemSelectedEventArgs.html) as arguments. This arguments contains the following details about the selected suggestion item.
diff --git a/MAUI/AIAssistView/working-with-aiassistview.md b/MAUI/AIAssistView/working-with-aiassistview.md
index 1afe709615..16bcb8388c 100644
--- a/MAUI/AIAssistView/working-with-aiassistview.md
+++ b/MAUI/AIAssistView/working-with-aiassistview.md
@@ -263,12 +263,20 @@ public class CustomAssistViewChat : AssistViewChat
N> [View sample in GitHub](https://github.com/SyncfusionExamples/custom-control-template-in-.net-maui-aiassistview)
+## Edit option for request item
+
+The `SfAIAssistView` allows you to edit a previously sent request. This feature lets users review and refine the prompt and resubmit from the editor to get more accurate responses. Each request shows an Edit icon; when tapped, the request text is placed in the editor (InputView) to redefine.
+
+N> **Interaction**: On desktop (Windows, macOS), hover over a request to reveal the Edit icon. On mobile (Android, iOS), tap the request to show the Edit option.
+
+
+
## EditorView template
The `SfAIAssistView` control allows you to fully customize the editor's appearance by using the [EditorViewTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_EditorViewTemplate) property. This property lets you define a custom layout and style for the editor.
{% tabs %}
-{% highlight xaml tabtitle="MainPage.xaml" hl_lines="13" %}
+{% highlight xaml hl_lines="13" %}
@@ -327,9 +335,149 @@ public partial class MainPage : ContentPage
-## Send button customization
+## Action buttons in the editor
+
+The `SfAIAssistView` can display a quick action icon inside the editor. To enable the action button, set the `ShowActionButtons` property to `true`.
+
+{% tabs %}
+{% highlight xaml hl_lines="2" %}
+
+
+
+{% endhighlight %}
+
+{% highlight c# hl_lines="10" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+ SfAIAssistView sfAIAssistView;
+ public MainPage()
+ {
+ InitializeComponent();
+ this.sfAIAssistView = new SfAIAssistView();
+ this.sfAIAssistView.ShowActionButtons = true;
+ this.Content = sfAIAssistView;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Displaying action buttons
+
+Bind the `ActionButtons` collection with one or more `ActionButton` items to populate the popup. The `ActionButton` provides the properties. When the `ActionButton` icon is tapped, an action popup appears with the list of configured `ActionButton`.
+
+- `Text`: Displays the text for the action button.
+- `Icon`: Displays an icon for the action button.
+- `Command`: Executes a command when the action button is tapped.
+- `CommandParameter`: Passes a parameter to the command when executed.
+
+{% tabs %}
+{% highlight xaml hl_lines="4 5 6 7" %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# hl_lines="15 17 23" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+ SfAIAssistView sfAIAssistView;
+ ViewModel viewModel;
+ public MainPage()
+ {
+ InitializeComponent();
+ this.viewModel = new ViewModel();
+ this.BindingContext = this.viewModel;
+ this.sfAIAssistView = new SfAIAssistView();
+ this.sfAIAssistView.ShowActionButtons = true,
+ this.sfAIAssistView.AssistItems = this.viewModel.AssistItems,
+ this.sfAIAssistView.ActionButtons = new ObservableCollection
+ {
+ new ActionButton
+ {
+ Text = "Upload images",
+ Icon = ImageSource.FromFile("image.png"),
+ Command = this.viewModel.UploadCommand
+ },
+ new ActionButton
+ {
+ Text = "Search in web",
+ Icon = ImageSource.FromFile("web.png"),
+ Command = this.viewModel.SearchCommand
+ },
+ };
+
+ this.Content = sfAIAssistView;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Request button customization
-The `SfAIAssistView` control allows you to fully customize the send button's appearance using the [RequestButtonTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_RequestButtonTemplate) property. This property lets you define a custom layout and style for the send button.
+### Request button icon
+
+The `SfAIAssistView` control allows you to customize the request button icon by setting an `ImageSource` to the `RequestButtonIcon` property.
+
+{% tabs %}
+{% highlight xaml hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="10" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+ SfAIAssistView sfAIAssistView;
+ public MainPage()
+ {
+ InitializeComponent();
+ sfAIAssistView = new SfAIAssistView();
+ sfAIAssistView.RequestButtonIcon = new FontImageSource
+ {
+ Glyph = "\ue809;",
+ FontFamily = "MauiMaterialAssets",
+ Color = Colors.Green
+ };
+ this.Content = sfAIAssistView;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Request button template
+
+The `SfAIAssistView` control allows you to fully customize the request button's appearance using the [RequestButtonTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_RequestButtonTemplate) property. This property lets you define a custom layout and style for the send button.
{% tabs %}
{% highlight xaml hl_lines="22" %}
@@ -847,3 +995,87 @@ public partial class MainPage : ContentPage
{% endtabs %}
+
+## Scroll to bottom button
+
+The `SfAIAssistView` control provides an option to display a scroll-to-bottom button that helps users quickly navigate back to the latest responses when they have scrolled up in the AI conversation. To enable this, set the `ShowScrollToBottomButton` property to `true`.
+
+{% tabs %}
+{% highlight xaml hl_lines="3" %}
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="10" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+ SfAIAssistView sfAIAssistView;
+ public MainPage()
+ {
+ InitializeComponent();
+ this.sfAIAssistView = new SfAIAssistView();
+ this.sfAIAssistView.ShowScrollToBottomButton = true;
+ this.Content = sfAIAssistView;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Scroll to bottom button customization
+
+The `SfAIAssistView` control allows you to fully customize the scroll-to-bottom button appearance by using the `ScrollToBottomButtonTemplate` property. This property lets you define a custom layout and style.
+
+{% tabs %}
+{% highlight xaml hl_lines="12" %}
+
+
+
+
+ ...
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="11" %}
+
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+ SfAIAssistView sfAIAssistView;
+ public MainPage()
+ {
+ InitializeComponent();
+ this.sfAIAssistView = new SfAIAssistView();
+ this.sfAIAssistView.ShowScrollToBottomButton = true;
+ this.sfAIAssistView.ScrollToBottomButtonTemplate = this.CreateScrollToBottomButtonTemplate();
+ this.Content = this.sfAIAssistView;
+ }
+
+ private DataTemplate CreateScrollToBottomButtonTemplate()
+ {
+ return new DataTemplate(() =>
+ {
+ ...
+ });
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/Autocomplete/Basic-Features.md b/MAUI/Autocomplete/Basic-Features.md
index e64eb8ccc2..83afc1059b 100644
--- a/MAUI/Autocomplete/Basic-Features.md
+++ b/MAUI/Autocomplete/Basic-Features.md
@@ -41,3 +41,13 @@ The following image illustrates the output:
## Text
The [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.DropDownControls.DropDownListBase.html#Syncfusion_Maui_Inputs_DropDownControls_DropDownListBase_Text) property is used to get the user-submitted text in the [SfAutocomplete](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfAutocomplete.html). The default value of the `Text` property is `string.Empty`.
+
+## Automation ID
+
+The [SfAutocomplete](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfAutocomplete.html) control provides `AutomationId` support specifically for the `editable entry` and the `clear button`, enabling UI automation frameworks to reliably target these two elements. Each element’s AutomationId is derived from the control’s `AutomationId` to ensure uniqueness.
+
+For example, if the SfAutocomplete’s `AutomationId` is set to “Employee Autocomplete,” the editable entry can be targeted as “Employee Autocomplete Entry” and the clear button as “Employee Autocomplete Clear Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements
+
+The following screenshot illustrates the AutomationIds of inner elements.
+
+
\ No newline at end of file
diff --git a/MAUI/Autocomplete/Images/GettingStarted/AutoComplete_AutomationID.png b/MAUI/Autocomplete/Images/GettingStarted/AutoComplete_AutomationID.png
new file mode 100644
index 0000000000..abf280bc50
Binary files /dev/null and b/MAUI/Autocomplete/Images/GettingStarted/AutoComplete_AutomationID.png differ
diff --git a/MAUI/Autocomplete/Images/UICustomization/Autocomplete_liquidglass.png b/MAUI/Autocomplete/Images/UICustomization/Autocomplete_liquidglass.png
new file mode 100644
index 0000000000..af8dac38ac
Binary files /dev/null and b/MAUI/Autocomplete/Images/UICustomization/Autocomplete_liquidglass.png differ
diff --git a/MAUI/Autocomplete/LiquidGlassSupport.md b/MAUI/Autocomplete/LiquidGlassSupport.md
new file mode 100644
index 0000000000..7bcc932789
--- /dev/null
+++ b/MAUI/Autocomplete/LiquidGlassSupport.md
@@ -0,0 +1,89 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Autocomplete entry | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Autocomplete (SfAutocomplete) control and more.
+platform: MAUI
+control: SfAutocomplete
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI Autocomplete
+
+The [SfAutocomplete](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfAutocomplete.html) supports a `liquid glass` appearance by hosting the control inside the Syncfusion [SfGlassEffectView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when SfAutocomplete is placed over images or colorful layouts. Additionally, the dropdown portion of SfAutocomplete applies the glass effect only when the [EnableLiquidGlassEffect]() property is set to true.
+
+## Availability
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on mac or iOS 26 or greater.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the Syncfusion.Maui.Core package (for SfGlassEffectView) and Syncfusion.Maui.Inputs (for SfAutocomplete).
+
+XAML example Wrap the SfAutocomplete in an SfGlassEffectView, then enable the dropdown’s glass effect with `EnableLiquidGlassEffect`.
+
+{% tabs %}
+{% highlight xaml hl_lines="19 22" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="14 17" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Inputs;
+
+var glassEffects = new SfGlassEffectView
+{
+ CornerRadius=20,
+ HeightRequest=40,
+ EffectType=LiquidGlassEffectType.Regular,
+ EnableShadowEffect=True
+};
+
+var Autocomplete = new SfAutocomplete
+{
+ EnableLiquidGlassEffect = true, // Dropdown glass effect
+ ItemsSource = viewModel.Employees,
+ DisplayMemberPath = "Name",
+ Background=Colors.Transparent,
+ DropDownBackground= Colors.Transparent,
+ Placeholder = "Select employee",
+};
+
+glassEffects.Content = Autocomplete;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+The following screenshot illustrates SfAutocomplete within an acrylic container, with the dropdown using the glass effect.
+
+
\ No newline at end of file
diff --git a/MAUI/Backdrop/liquid-glass-effect.md b/MAUI/Backdrop/liquid-glass-effect.md
new file mode 100644
index 0000000000..08bb282ba9
--- /dev/null
+++ b/MAUI/Backdrop/liquid-glass-effect.md
@@ -0,0 +1,163 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Backdrop Page | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Backdrop Page using the EnableLiquidGlassEffect property.
+platform: MAUI
+control: SfBackdropPage
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfBackdropPage](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Backdrop.SfBackdropPage.html) supports a liquid glass appearance on both layers. Enable the effect directly on the [BackdropBackLayer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Backdrop.BackdropBackLayer.html) and [BackdropFrontLayer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Backdrop.BackdropFrontLayer.html) by setting their [EnableLiquidGlassEffect]() properties to true. This improves visual depth and readability when the backdrop layers are placed over images or colorful layouts.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the layers render without the acrylic blur effect and fall back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Backdrop](https://www.nuget.org/packages/Syncfusion.Maui.Backdrop) package (for SfBackdropPage, BackdropFrontLayer, BackdropBackLayer).
+
+## Apply Liquid Glass Effect to the back layer
+
+Turn on the liquid glass effect on the back layer by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Backdrop;
+
+this.BackLayer = new BackdropBackLayer
+{
+ EnableLiquidGlassEffect = true,
+ Content = new Grid
+ {
+ Children =
+ {
+ new Image { Source = "wallpaper.jpg", Aspect = Aspect.AspectFill },
+ new VerticalStackLayout
+ {
+ Padding = 16,
+ Children = { new Label { Text = "Back layer content", FontSize = 16 } }
+ }
+ }
+ }
+};
+
+this.FrontLayer = new BackdropFrontLayer
+{
+ Content = new Grid { BackgroundColor = Colors.WhiteSmoke }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Apply Liquid Glass Effect to the front layer
+
+You can enable the liquid glass effect for the front layer as well by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Backdrop;
+
+this.BackLayer = new BackdropBackLayer
+{
+ Content = new Grid
+ {
+ Children = { new Label { Text = "Menu", HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center } }
+ }
+};
+
+this.FrontLayer = new BackdropFrontLayer
+{
+ EnableLiquidGlassEffect = true,
+ Content = new Grid
+ {
+ Children =
+ {
+ new Image { Source = "wallpaper.jpg", Aspect = Aspect.AspectFill },
+ new VerticalStackLayout
+ {
+ Padding = 16,
+ Children = { new Label { Text = "Front layer content", FontSize = 16 } }
+ }
+ }
+ }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* You can enable the effect independently on either the back layer, the front layer, or both as needed.
+
+## Best Practices and Tips
+
+- The back and front layers use built-in acrylic when their [EnableLiquidGlassEffect]() property is true.
+- Place imagery or vibrant backgrounds beneath the layer surface to see the blur clearly.
+- Combine with existing layout properties (RevealedHeight, EdgeShape, etc.) to achieve the desired design while using the effect.
+
+The following screenshots illustrate the back and front layers with the liquid glass effect enabled over colorful backgrounds.
diff --git a/MAUI/Button/Images/customization-images/Button_liquidglass.png b/MAUI/Button/Images/customization-images/Button_liquidglass.png
new file mode 100644
index 0000000000..4fbf533842
Binary files /dev/null and b/MAUI/Button/Images/customization-images/Button_liquidglass.png differ
diff --git a/MAUI/Button/LiquidGlassSupport.md b/MAUI/Button/LiquidGlassSupport.md
new file mode 100644
index 0000000000..def8d34c8b
--- /dev/null
+++ b/MAUI/Button/LiquidGlassSupport.md
@@ -0,0 +1,69 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Button | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Button (SfButton) control and more.
+platform: MAUI
+control: SfButton
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI Buttons
+
+The [SfButton](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfButton.html) provides `liquid glass` effect that gives the button a frosted, translucent appearance blending with the content behind it. When the glass effect is enabled, the button also scales while it is pressed, delivering a subtle, responsive interaction cue. This enhances visual depth and interactivity, especially when the button is placed over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect and scaling feedback are not applied; the button renders with the standard appearance.
+
+XAML example Enable the glass effect on `SfButton`. When pressed, the button will `scale` while the effect is enabled.
+
+{% tabs %}
+{% highlight xaml hl_lines="16 17" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="7 9" %}
+
+using Syncfusion.Maui.Buttons;
+
+var glassButton = new SfButton
+{
+ Text = "Continue",
+ AutomationId = "Acrylic Button",
+ EnableLiquidGlassEffect = true, // Enables glass look and press-time scaling
+ WidthRequest = 180,
+ Background=Colors.Transparent;
+ HeightRequest = 48
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfButton with the glass effect enabled and the pressed-state scaling behavior over a wallpaper background.
+
+
\ No newline at end of file
diff --git a/MAUI/Calendar/customizations.md b/MAUI/Calendar/customizations.md
index 1c75330e94..cee4642aac 100644
--- a/MAUI/Calendar/customizations.md
+++ b/MAUI/Calendar/customizations.md
@@ -164,6 +164,82 @@ this.calendar.MonthView.SpecialDayPredicate = (date) =>
>**NOTE**
* The Background color and text style will be applied based on the following order: selectableDayPredicate dates, special dates, disable dates, today date, weekend dates, trailingLeading dates, and normal dates.
+* **UpdateSpecialDayPredicate** - The UpdateSpecialDayPredicate feature allows the `SfCalendar` to dynamically update special dates after new data is fetched. You can explicitly trigger a refresh to re invoke the [SpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDayPredicate), ensuring that visual indicators such as icons, text styles, and backgrounds reflect the latest metadata only after the update. The new [UpdateSpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_UpdateSpecialDayPredicate) provides a direct way to force this reevaluation, guaranteeing that special day indicators display the most recent data after a refresh.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+public class MainPage : ContentPage
+{
+
+ public List SpecialDatesCollection = new List();
+
+ public MainPage()
+ {
+ InitializeComponent();
+ calendar.ViewChanged += Calendar_ViewChanged;
+ this.calendar.MonthView.SpecialDayPredicate = (date) =>
+ {
+ foreach (DateTime dates in SpecialDatesCollection)
+ {
+ if (date.Date == dates.Date)
+ {
+ CalendarIconDetails calendarIcon = GetSpecialDates(dates);
+ return calendarIcon;
+ }
+ }
+ return null;
+ };
+ }
+
+ private CalendarIconDetails GetSpecialDates(DateTime date)
+ {
+ if (SpecialDatesCollection.Contains(date.Date))
+ {
+ CalendarIconDetails calendarIconDetails=new CalendarIconDetails()
+ {
+ Icon = CalendarIcon.Diamond,
+ Fill = Colors.Red,
+ };
+ return calendarIconDetails;
+ }
+ return null;
+ }
+
+ private async void Calendar_ViewChanged(object sender, CalendarViewChangedEventArgs e)
+ {
+ SpecialDatesCollection.Clear();
+ await LoadSpecialDatesFromAPIAsync(e.NewVisibleDates);
+ calendar.UpdateSpecialDayPredicate();
+ }
+
+ private async Task LoadSpecialDatesFromAPIAsync(CalendarDateRange range)
+ {
+ var httpClient = new HttpClient();
+ var requestData = new { StartDate = range.StartDate.Date, EndDate = range.EndDate.Date };
+ var response = await httpClient.PostAsJsonAsync("https://your-api.com/special-dates", requestData);
+ response.EnsureSuccessStatusCode();
+ var apiResponse = await response.Content.ReadFromJsonAsync();
+ if (apiResponse?.SpecialDates != null)
+ {
+ foreach (var dateStr in apiResponse.SpecialDates)
+ {
+ if (DateTime.TryParse(dateStr, out var date))
+ specialDates.Add(date.Date);
+ }
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
## Year cell customization
You can customize the calendar `year`, `decade`, and `century` views by using the `YearView` property of `SfCalendar`.
diff --git a/MAUI/Calendar/images/views/autofit-calendar.gif b/MAUI/Calendar/images/views/autofit-calendar.gif
new file mode 100644
index 0000000000..cd15a52319
Binary files /dev/null and b/MAUI/Calendar/images/views/autofit-calendar.gif differ
diff --git a/MAUI/Calendar/liquid-glass-effect.md b/MAUI/Calendar/liquid-glass-effect.md
new file mode 100644
index 0000000000..78d1a49a6f
--- /dev/null
+++ b/MAUI/Calendar/liquid-glass-effect.md
@@ -0,0 +1,149 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Calendar | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Calendar using SfGlassEffectsView.
+platform: MAUI
+control: SfCalendar
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfCalendar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html) supports a liquid glass appearance by hosting the control inside the Syncfusion [SfGlassEffectsView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when the calendar is placed over images or colorful layouts.
+
+Additionally, when the calendar is shown in [Dialog](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMode.html#Syncfusion_Maui_Calendar_CalendarMode_Dialog) mode, you can apply the glass effect to the pop-up by enabling the [EnableLiquidGlassEffect]() property on the calendar.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView).
+- Add the [Syncfusion.Maui.Calendar](https://www.nuget.org/packages/Syncfusion.Maui.Calendar/) package (for SfCalendar).
+
+## Apply Liquid Glass Effect to SfCalendar
+
+Wrap the [SfCalendar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html) inside an [SfGlassEffectsView]() to give the calendar surface a glass (blurred or clear) appearance.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Calendar;
+
+var glassView = new SfGlassEffectsView
+{
+ CornerRadius = 20,
+ Padding = new Thickness(12),
+ EffectType = LiquidGlassEffectType.Regular,
+ EnableShadowEffect = true
+};
+
+var calendar = new SfCalendar();
+
+glassView.Content = calendar;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* Use EffectType="Regular" for a blurrier look and "Clear" for a glassy look.
+
+## Enable Glass Effect in Dialog Mode
+
+When the calendar is displayed in [Dialog](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMode.html#Syncfusion_Maui_Calendar_CalendarMode_Dialog) mode, enable the liquid glass effect by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Calendar;
+
+var calendar = new SfCalendar
+{
+ // Shows the calendar in a dialog surface when invoked
+ Mode = CalendarMode.Dialog,
+
+ // Applies acrylic/glass effect to the dialog surface
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* The dialog gains the glass effect only when EnableLiquidGlassEffect is true.
+
+## Key Properties
+
+- [EffectType](): Choose between Regular (blurry) and Clear (glassy) effects.
+- [EnableShadowEffect](): Enables a soft shadow around the acrylic container.
+- [CornerRadius](): Rounds the corners of the acrylic container.
+- Padding/Height/Width: Adjust layout around the embedded calendar.
+- [EnableLiquidGlassEffect]() (dialog): Enables the glass effect for the calendar’s dialog mode.
+
+## Best Practices and Tips
+
+- Hosting the calendar inside [SfGlassEffectsView]() gives the calendar body an acrylic look.
+- In dialog mode, the dialog surface applies the glass effect only when [EnableLiquidGlassEffect]() is true.
+- For the most noticeable effect, place the control over images or vibrant backgrounds.
+
+The following screenshot illustrates [SfCalendar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html) hosted within an acrylic container, and the dialog mode using the glass effect.
\ No newline at end of file
diff --git a/MAUI/Calendar/views.md b/MAUI/Calendar/views.md
index b4638237b9..3429dcd5b2 100644
--- a/MAUI/Calendar/views.md
+++ b/MAUI/Calendar/views.md
@@ -124,6 +124,46 @@ this.calendar.MonthView = new CalendarMonthView()
+### Autofit
+Autofit dynamically adjusts the month row height based on the number of weeks in the current month. It is available only in the `Month view` when:
+* [ShowTrailingAndLeadingDates](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html?tabs=tabid-6%2Ctabid-12%2Ctabid-18%2Ctabid-50%2Ctabid-10%2Ctabid-8%2Ctabid-14%2Ctabid-4%2Ctabid-22%2Ctabid-26%2Ctabid-24%2Ctabid-16%2Ctabid-2%2Ctabid-20#Syncfusion_Maui_Calendar_SfCalendar_ShowTrailingAndLeadingDates) is set to `false`, and
+* [Mode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_Mode) is [Dialog](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMode.html#Syncfusion_Maui_Calendar_CalendarMode_Dialog) or [RelativeDialog](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMode.html#Syncfusion_Maui_Calendar_CalendarMode_RelativeDialog).
+
+N>
+Autofit is Not applicable when
+* [NumberOfVisibleWeeks](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html?tabs=tabid-2#Syncfusion_Maui_Calendar_CalendarMonthView_NumberOfVisibleWeeks) is less than 6.
+* [PopupHeight](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html?tabs=tabid-6%2Ctabid-12%2Ctabid-18%2Ctabid-50%2Ctabid-10%2Ctabid-8%2Ctabid-14%2Ctabid-4%2Ctabid-22%2Ctabid-26%2Ctabid-24%2Ctabid-16%2Ctabid-2%2Ctabid-20#Syncfusion_Maui_Calendar_SfCalendar_PopupHeight) is less than or equal to 0.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+private void Button_Clicked(object sender, EventArgs e)
+{
+ this.calendar.IsOpen = true;
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
## Year view
The Year view displays the current year's month. A calendar year is a one-year period that begins on January 1 and ends on December 31. By default, displays the current year's month and the current month is highlighted by a separate color that is different from the rest of the month color in the `Year view`. You can easily navigate to the desired month dates from the year view.
diff --git a/MAUI/Cards/liquid-glass-effect.md b/MAUI/Cards/liquid-glass-effect.md
new file mode 100644
index 0000000000..1a41e3f5e0
--- /dev/null
+++ b/MAUI/Cards/liquid-glass-effect.md
@@ -0,0 +1,74 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Cards | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Card view using the EnableLiquidGlassEffect property.
+platform: MAUI
+control: SfCardView
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfCardView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Cards.SfCardView.html) supports a liquid glass effect by setting the [EnableLiquidGlassEffect]() property to true. This enhances visual depth and readability when cards are placed over images or colorful layouts.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Apply Liquid Glass Effect to SfCardView
+
+Turn on the liquid glass effect on a card view by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Cards;
+
+var card = new SfCardView
+{
+ EnableLiquidGlassEffect = true,
+};
+
+card.Content = new VerticalStackLayout
+{
+ Spacing = 8,
+ Children =
+ {
+ new Label { Text = "Glass Card", FontSize = 18, FontAttributes = FontAttributes.Bold },
+ new Label { Text = "This card uses the built-in liquid glass effect." },
+ }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+
+The following screenshot illustrates [SfCardView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Cards.SfCardView.html) with the liquid glass effect enabled over a colorful background.
diff --git a/MAUI/Cartesian-Charts/Annotation.md b/MAUI/Cartesian-Charts/Annotation.md
index a975389d43..bc75652523 100644
--- a/MAUI/Cartesian-Charts/Annotation.md
+++ b/MAUI/Cartesian-Charts/Annotation.md
@@ -615,4 +615,48 @@ this.Content = chart;
{% endhighlight %}
+{% endtabs %}
+
+## Event
+
+**AnnotationTapped**
+
+The [`AnnotationTapped`]() event occurs when an annotation is tapped. The [`AnnotationTappedEventArgs`]() provides the following details:
+
+* [`annotation`]() – the annotation instance that was tapped.
+* [`x`]() – the X coordinate of the touch or mouse click position.
+* [`y`]() – the Y coordinate of the touch or mouse click position.
+
+## Public methods
+
+The following override methods allow you to handle touch interactions on annotations:
+
+* [`OnTouchDown`]() – triggered when touch starts (down) on the annotation.
+* [`OnTouchMove`]() – triggered when moving (dragging) the finger or mouse across the annotation.
+* [`OnTouchUp`]() – triggered when touch ends (up) by lifting the finger or releasing the mouse from the annotation.
+
+{% tabs %}
+
+{% highlight c# %}
+
+public class LineAnnotationExt : LineAnnotation
+{
+ protected override void OnTouchDown(float pointX, float pointY)
+ {
+ base.OnTouchDown(pointX, pointY);
+ }
+
+ protected override void OnTouchMove(float pointX, float pointY)
+ {
+ base.OnTouchMove(pointX, pointY);
+ }
+
+ protected override void OnTouchUp(float pointX, float pointY)
+ {
+ base.OnTouchUp(pointX, pointY);
+ }
+}
+
+{% endhighlight %}
+
{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/Cartesian-Charts/Axis/Types.md b/MAUI/Cartesian-Charts/Axis/Types.md
index a9509ef1f5..cb702b35a1 100644
--- a/MAUI/Cartesian-Charts/Axis/Types.md
+++ b/MAUI/Cartesian-Charts/Axis/Types.md
@@ -420,7 +420,7 @@ this.Content = chart;
## DateTimeCategoryAxis
-The `DateTimeCategoryAxis` is a specialized type of axis primarily used with financial series. Similar to the [CategoryAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CategoryAxis.html), all data points are plotted with equal spacing, eliminating gaps for missing dates. The intervals and ranges for this axis are calculated similarly to the [DateTimeAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeAxis.html). There are no visual gaps between points, even if the difference between two points exceeds a year.
+The [DateTimeCategoryAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeCategoryAxis.html) is a specialized type of axis primarily used with financial series. Similar to the [CategoryAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CategoryAxis.html), all data points are plotted with equal spacing, eliminating gaps for missing dates. The intervals and ranges for this axis are calculated similarly to the [DateTimeAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeAxis.html). There are no visual gaps between points, even if the difference between two points exceeds a year.
{% tabs %}
@@ -455,7 +455,7 @@ this.Content = chart;
### Interval
-In `DateTimeCategoryAxis`, intervals can be customized by using the Interval and IntervalType properties, similar to [DateTimeAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeAxis.html). For example, setting `Interval` as 5 and `IntervalType` as `Days` will consider 5 days as an interval.
+In [DateTimeCategoryAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeCategoryAxis.html), intervals can be customized by using the Interval and IntervalType properties, similar to [DateTimeAxis](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeAxis.html). For example, setting [Interval](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeCategoryAxis.html#Syncfusion_Maui_Charts_DateTimeCategoryAxis_Interval) as 5 and [IntervalType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeCategoryAxis.html#Syncfusion_Maui_Charts_DateTimeCategoryAxis_IntervalType) as [Days](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.DateTimeIntervalType.html#Syncfusion_Maui_Charts_DateTimeIntervalType_Days) will consider 5 days as an interval.
{% tabs %}
{% highlight xaml %}
diff --git a/MAUI/Cartesian-Charts/Cupertino-Theme.md b/MAUI/Cartesian-Charts/Cupertino-Theme.md
new file mode 100644
index 0000000000..c3fe2ae0c0
--- /dev/null
+++ b/MAUI/Cartesian-Charts/Cupertino-Theme.md
@@ -0,0 +1,128 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Cartesian Chart control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfCartesianChart) for stunning UI..
+platform: maui
+control: SfCartesianChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino cartesian tooltip maui, .net maui chart visualization, cupertino cartesian trackball maui.
+---
+
+# Cupertino Theme in .NET MAUI Cartesian Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips and trackballs, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfCartesianChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCartesianChart chart = new SfCartesianChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property of SfCartesianChart and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_EnableTooltip) property of ChartSeries.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCartesianChart chart = new SfCartesianChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+ColumnSeries series = new ColumnSeries()
+{
+ ItemsSource = viewModel.Data,
+ XBindingPath = "Category",
+ YBindingPath = "Value",
+ EnableTooltip = true
+};
+
+chart.Series.Add(series);
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate), set the background to transparent to display the liquid glass effect.
+
+### Trackball
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property of SfCartesianChart and [ShowTrackballLabel](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CartesianSeries.html#Syncfusion_Maui_Charts_CartesianSeries_ShowTrackballLabel) property of ChartSeries
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCartesianChart chart = new SfCartesianChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+LineSeries series = new LineSeries()
+{
+ ItemsSource = viewModel.Data,
+ XBindingPath = "Category",
+ YBindingPath = "Value",
+ ShowTrackballLabel = true
+};
+
+chart.Series.Add(series);
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TrackballLabelTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CartesianSeries.html#Syncfusion_Maui_Charts_CartesianSeries_TrackballLabelTemplate), set the background to transparent to display the liquid glass effect.
+
diff --git a/MAUI/Cartesian-Charts/EmptyPoints.md b/MAUI/Cartesian-Charts/EmptyPoints.md
index 97d72249e0..4c3f18cbed 100644
--- a/MAUI/Cartesian-Charts/EmptyPoints.md
+++ b/MAUI/Cartesian-Charts/EmptyPoints.md
@@ -29,12 +29,12 @@ 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.
+By default, the [EmptyPointMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html) property is [None](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html#Syncfusion_Maui_Charts_EmptyPointMode_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.
+The [EmptyPointMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html) property of series specifies how empty points should be handled.
This property provides the following options.
@@ -42,7 +42,7 @@ This property provides the following options.
* **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`.
+The following code example shows the [EmptyPointMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html) as [Zero](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html#Syncfusion_Maui_Charts_EmptyPointMode_Zero).
{% tabs %}
@@ -83,7 +83,7 @@ this.Content = chart;
-The following code example shows the `EmptyPointMode` as `Average`.
+The following code example shows the [EmptyPointMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html) as [Average](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointMode.html#Syncfusion_Maui_Charts_EmptyPointMode_Average).
{% tabs %}
@@ -125,11 +125,11 @@ this.Content = chart;
## Empty Point Customization
-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`.
+The [EmptyPointSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointSettings.html) 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](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointSettings.html).
-* `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.
+* [Fill](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointSettings.html#Syncfusion_Maui_Charts_EmptyPointSettings_Fill) - Gets or sets the fill color for the empty points.
+* [Stroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointSettings.html#Syncfusion_Maui_Charts_EmptyPointSettings_Stroke) - Gets or sets the stroke color for empty points.
+* [StrokeWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.EmptyPointSettings.html#Syncfusion_Maui_Charts_EmptyPointSettings_StrokeWidth) - Gets or sets the stroke thickness for empty points.
{% tabs %}
diff --git a/MAUI/Cartesian-Charts/Legend-images/floating_legend.png b/MAUI/Cartesian-Charts/Legend-images/floating_legend.png
new file mode 100644
index 0000000000..9930963659
Binary files /dev/null and b/MAUI/Cartesian-Charts/Legend-images/floating_legend.png differ
diff --git a/MAUI/Cartesian-Charts/Legend.md b/MAUI/Cartesian-Charts/Legend.md
index a9a162be1d..8732637179 100644
--- a/MAUI/Cartesian-Charts/Legend.md
+++ b/MAUI/Cartesian-Charts/Legend.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Legend in .NET MAUI Chart control | Syncfusion
+title: Legend in .NET MAUI Cartesian Chart control | Syncfusion
description: This section explains about how to initialize legend and its customization in Syncfusion® .NET MAUI Chart (SfCartesianChart) control.
platform: maui
control: SfCartesianChart
@@ -233,6 +233,45 @@ this.Content = chart;
{% endtabs %}
+## Floating legend
+
+The floating legend feature allows you to position the legend inside the chart area based on its defined placement. When [IsFloating]() is set to true, the legend will start from the specified [Placement](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_Placement) (such as Top, Bottom, Left, or Right) and then move according to the offset values, enabling precise control over the legend’s location.
+
+* [OffsetX](): Specifies the horizontal distance from the defined placement position.
+* [OffsetY](): Specifies the vertical distance from the defined placement position.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCartesianChart chart = new SfCartesianChart();
+. . .
+chart.Legend = new ChartLegend()
+{
+ Placement = LegendPlacement.Top
+ IsFloating = true
+ OffsetX = -170;
+ OffsetY = 30;
+};
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
## Toggle the series visibility
The visibility of series can be controlled by tapping the legend item using the [ToggleSeriesVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_ToggleSeriesVisibility) property. The default value of ToggleSeriesVisibility is `false`.
diff --git a/MAUI/Cartesian-Charts/display-tooltip-and-data-labels-in-release-mode.md b/MAUI/Cartesian-Charts/display-tooltip-and-data-labels-in-release-mode.md
new file mode 100644
index 0000000000..fcf607b298
--- /dev/null
+++ b/MAUI/Cartesian-Charts/display-tooltip-and-data-labels-in-release-mode.md
@@ -0,0 +1,78 @@
+---
+layout: post
+title: Show tooltip and datalabels in release mode | Syncfusion
+description: Learn here all about displaying tooltip and datalabels in release mode in SfCartesianChart in Syncfusion® .NET MAUI Chart (SfCartesianChart) control.
+platform: maui
+control: SfCartesianChart
+documentation: ug
+keywords: .NET MAUI chart tooltip, .NET MAUI chart data label, TooltipInfo Item binding, ChartDataLabel Item binding, Release mode trimming, Preserve attribute MAUI.
+---
+
+# Display tooltip and data labels in release mode
+In [SfCartesianChart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html), tooltip and data label templates do not bind directly to your business model because these elements are generated by the chart at runtime and often represent calculated points. As a result, the chart provides its own binding context containing the necessary metadata. For tooltips this context is [TooltipInfo](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.TooltipInfo.html), and for data labels it is [ChartDataLabel](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartDataLabel.html). Both expose an Item property that points back to your original business model when a direct mapping exists. With .NET 9 compiled bindings, set **x:DataType="chart:TooltipInfo"** for tooltip templates and **x:DataType="chart:ChartDataLabel"** for data label templates, then bind through Item. If you need a specific field from your model, bind to Item and use a value converter to extract the desired property.
+
+`Ahead-of-Time (AOT)` compilation converts Intermediate Language to native code at build time to improve startup and runtime performance. AOT commonly ships together with linker trimming in Release configurations to reduce app size.
+
+Because Release builds enable trimming, members referenced only from XAML can be removed unless explicitly preserved. To ensure your bindings work in Release, reference your value converter from XAML and preserve your ViewModel, business model, and converter types. This prevents the linker from removing properties that your tooltip or data label templates access through Item.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+
+{% highlight C# %}
+
+ public class ValueConverter : IValueConverter
+ {
+ public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+ {
+ return value is WeekPlan weekPlan ? weekPlan.Planned : value;
+ }
+
+ public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => value;
+ }
+
+{% endhighlight %}
+
+{% endtabs %}
+
+## See also
+
+[Why Tooltip and DataLabel Are Missing in Release Mode .NET MAUI Chart?](https://support.syncfusion.com/kb/article/21677/why-tooltip-and-datalabel-are-not-showing-in-release-mode-in-net-maui-sfcartesianchart)
\ No newline at end of file
diff --git a/MAUI/Chips/LiquidGlassSupport.md b/MAUI/Chips/LiquidGlassSupport.md
new file mode 100644
index 0000000000..bae945fa9b
--- /dev/null
+++ b/MAUI/Chips/LiquidGlassSupport.md
@@ -0,0 +1,77 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI Chips | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Chips (SfChip) control and more.
+platform: MAUI
+control: SfChip
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI Chips
+
+The [Chips](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfChip.html) provides `liquid glass` effect that can be enabled directly on the control using the public API [EnableLiquidGlassEffect](). When enabled, each chip surface adopts a frosted, translucent appearance that blends with the content behind it, improving visual depth and readability over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the chips render with the standard background.
+
+{% tabs %}
+{% highlight xaml hl_lines="17" %}
+
+XAML example Enable the glass effect on SfChipGroup by setting EnableLiquidGlassEffect to True.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="5" %}
+
+using Syncfusion.Maui.Core;
+
+SfChipGroup chipGroup = new SfChipGroup
+{
+ EnableLiquidGlassEffect = true, // Enables built-in glassy look on chips
+};
+
+chipGroup.Items.Add(new SfChip(){Text="Extra Small", Background = Colors.Blue });
+chipGroup.Items.Add(new SfChip(){Text="Small", Background = Colors.Blue });
+chipGroup.Items.Add(new SfChip(){Text="Medium", Background = Colors.Blue });
+chipGroup.Items.Add(new SfChip(){Text="Large", Background = Colors.Blue });
+chipGroup.Items.Add(new SfChip(){Text="Extra Large", Background = Colors.Blue });
+
+{% endhighlight %}
+{% endtabs %}
+
+
+The following screenshot illustrates SfChipGroup with the built-in glass effect enabled via EnableLiquidGlassEffect, displayed over a wallpaper background.
+
+
\ No newline at end of file
diff --git a/MAUI/Chips/images/customization-images/Chip_liquidglass.png b/MAUI/Chips/images/customization-images/Chip_liquidglass.png
new file mode 100644
index 0000000000..8e4433434f
Binary files /dev/null and b/MAUI/Chips/images/customization-images/Chip_liquidglass.png differ
diff --git a/MAUI/Circular-Charts/Cupertino-Theme.md b/MAUI/Circular-Charts/Cupertino-Theme.md
new file mode 100644
index 0000000000..71d0694074
--- /dev/null
+++ b/MAUI/Circular-Charts/Cupertino-Theme.md
@@ -0,0 +1,86 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Circular Chart control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfCircularChart) for stunning UI..
+platform: maui
+control: SfCircularChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino circular tooltip maui, .net maui chart visualization.
+---
+
+# Cupertino Theme in .NET MAUI Circular Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfCircularChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCircularChart chart = new SfCircularChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property of SfCircularChart and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_EnableTooltip) property of ChartSeries.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCircularChart chart = new SfCircularChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+PieSeries series = new PieSeries()
+{
+ ItemsSource = viewModel.Data,
+ XBindingPath = "Category",
+ YBindingPath = "Value",
+ EnableTooltip = true
+};
+
+chart.Series.Add(series);
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate), set the background to transparent to display the liquid glass effect.
\ No newline at end of file
diff --git a/MAUI/Circular-Charts/Legend-images/floating_legend.png b/MAUI/Circular-Charts/Legend-images/floating_legend.png
new file mode 100644
index 0000000000..c0366b19f5
Binary files /dev/null and b/MAUI/Circular-Charts/Legend-images/floating_legend.png differ
diff --git a/MAUI/Circular-Charts/Legend.md b/MAUI/Circular-Charts/Legend.md
index 9c2762eba9..96be2aa1c0 100644
--- a/MAUI/Circular-Charts/Legend.md
+++ b/MAUI/Circular-Charts/Legend.md
@@ -8,7 +8,7 @@ documentation: ug
keywords: .net maui circular chart, chart legend, legend-wrap, legend view, legend layout, chart legend items, legend alignment.
---
-# Legend in .NET MAUI Chart (SfCircularChart)
+# Legend in .NET MAUI Circular Chart (SfCircularChart)
The [Legend](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_Legend) provides a list of data points, helping to identify the corresponding data points in the chart. Here's a detailed guide on how to define and customize the legend in the circular chart.
## Defining the legend
@@ -227,6 +227,45 @@ this.Content = chart;
{% endtabs %}
+## Floating legend
+
+The floating legend feature allows you to position the legend inside the chart area based on its defined placement. When [IsFloating]() is set to true, the legend will start from the specified [Placement](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_Placement) (such as Top, Bottom, Left, or Right) and then move according to the offset values, enabling precise control over the legend’s location.
+
+* [OffsetX](): Specifies the horizontal distance from the defined placement position.
+* [OffsetY](): Specifies the vertical distance from the defined placement position.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfCircularChart chart = new SfCircularChart();
+
+chart.Legend = new ChartLegend()
+{
+ Placement = LegendPlacement.Top
+ IsFloating = true
+ OffsetX = -170;
+ OffsetY = 30;
+};
+. . .
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
## Toggle the series visibility
The visibility of circular series data points can be controlled by tapping the legend item using the [ToggleSeriesVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_ToggleSeriesVisibility) property. The default value of ToggleSeriesVisibility is `false`.
diff --git a/MAUI/ColorPicker/Images/LiquidGlass/liquid-glass.gif b/MAUI/ColorPicker/Images/LiquidGlass/liquid-glass.gif
new file mode 100644
index 0000000000..8176ffc523
Binary files /dev/null and b/MAUI/ColorPicker/Images/LiquidGlass/liquid-glass.gif differ
diff --git a/MAUI/ColorPicker/LiquidGlassSupport.md b/MAUI/ColorPicker/LiquidGlassSupport.md
new file mode 100644
index 0000000000..ad61042fb8
--- /dev/null
+++ b/MAUI/ColorPicker/LiquidGlassSupport.md
@@ -0,0 +1,47 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI ColorPicker | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI ColorPicker (SfColorPicker) control and more.
+platform: MAUI
+control: SfColorPicker
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI ColorPicker:
+
+The [SfColorPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfColorPicker.html) supports a `liquid glass` effect (also called acrylic or glass morphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the color picker a modern and elegant look. It works best over images or colorful layouts and provides smooth visual feedback during interaction.
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfColorPicker colorPicker = new SfColorPicker
+{
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Behavior and tips
+
+- The glass effect is applied to the color picker at render time and during user interaction.
+- Place the color picker over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
+- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
+- For an enhanced UI, set `SliderThumbStroke="Transparent"` and `SliderThumbFill="White"` at the sample level for the color picker.
+
+The following GIF demonstrates the liquid glass effect of Color Picker
+
+
\ No newline at end of file
diff --git a/MAUI/ComboBox/Images/UICustomization/ComboBox_AutomationID.png b/MAUI/ComboBox/Images/UICustomization/ComboBox_AutomationID.png
new file mode 100644
index 0000000000..d534e81beb
Binary files /dev/null and b/MAUI/ComboBox/Images/UICustomization/ComboBox_AutomationID.png differ
diff --git a/MAUI/ComboBox/Images/UICustomization/Combobox_liquidglass.png b/MAUI/ComboBox/Images/UICustomization/Combobox_liquidglass.png
new file mode 100644
index 0000000000..8304b1127f
Binary files /dev/null and b/MAUI/ComboBox/Images/UICustomization/Combobox_liquidglass.png differ
diff --git a/MAUI/ComboBox/LiquidGlassSupport.md b/MAUI/ComboBox/LiquidGlassSupport.md
new file mode 100644
index 0000000000..36800e0a86
--- /dev/null
+++ b/MAUI/ComboBox/LiquidGlassSupport.md
@@ -0,0 +1,88 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Combobox entry | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Combobox (SfComboBox) control and more.
+platform: MAUI
+control: SfComboBox
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI ComboBox
+
+The [SfComboBox](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfComboBox.html) supports a `liquid glass` appearance by hosting the control inside the Syncfusion [SfGlassEffectView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when SfComboBox is placed over images or colorful layouts. Additionally, the dropdown portion of SfComboBox applies the glass effect only when the [EnableLiquidGlassEffect]() property is set to true.
+
+## Availability
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on mac or iOS 26 or greater.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the Syncfusion.Maui.Core package (for SfGlassEffectView) and Syncfusion.Maui.Inputs (for SfComboBox).
+
+XAML example Wrap the SfComboBox in an SfGlassEffectView, then enable the dropdown’s glass effect with `EnableLiquidGlassEffect`.
+
+{% tabs %}
+{% highlight xaml hl_lines="19 20 23" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="14 17 18" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Inputs;
+
+var glassEffects = new SfGlassEffectView
+{
+ CornerRadius=20,
+ HeightRequest=40,
+ EffectType=LiquidGlassEffectType.Regular,
+ EnableShadowEffect=True
+};
+
+var Combobox = new SfComboBox
+{
+ EnableLiquidGlassEffect = true, // Dropdown glass effect
+ ItemsSource = viewModel.Employees,
+ DisplayMemberPath = "Name",
+ Background = Colors.Transparent,
+ DropDownBackground= Colors.Transparent,
+ Placeholder = "Select employee",
+};
+
+glassEffects.Content = Combobox;
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfComboBox within an acrylic container, with the dropdown using the glass effect.
+
+
\ No newline at end of file
diff --git a/MAUI/ComboBox/UI-Customization.md b/MAUI/ComboBox/UI-Customization.md
index b5b75c5530..9af52c0bc6 100644
--- a/MAUI/ComboBox/UI-Customization.md
+++ b/MAUI/ComboBox/UI-Customization.md
@@ -1749,3 +1749,13 @@ public SocialMediaViewModel
{% endhighlight %}
{% endtabs %}
+
+## Automation ID
+
+The [SfComboBox](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfComboBox.html) control provides `AutomationId` support for the `editable entry`, the `clear button`, and the `dropdown button`, enabling UI automation frameworks to reliably target these primary elements. Each element’s AutomationId is derived from the control’s AutomationId to ensure uniqueness.
+
+For example, if the SfComboBox’s `AutomationId` is set to “Employee ComboBox,” the editable entry can be targeted as “Employee ComboBox Entry,” the clear button as “Employee ComboBox Clear Button,” and the dropdown button as “Employee ComboBox Dropdown Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements. The following screenshot illustrates the AutomationIds of inner elements.
+
+The following screenshot illustrates the AutomationIds of inner elements.
+
+
\ No newline at end of file
diff --git a/MAUI/Common/claude-service.md b/MAUI/Common/claude-service.md
new file mode 100644
index 0000000000..ec625bf784
--- /dev/null
+++ b/MAUI/Common/claude-service.md
@@ -0,0 +1,185 @@
+---
+layout: post
+title: Claude AI for AI-Powered Components | Syncfusion®
+description: Learn how to implement a custom AI service using the Claude API with Syncfusion® AI-Powered Components.
+platform: maui
+control: SmartComponents
+documentation: ug
+---
+
+# Claude AI Integration with .NET MAUI Smart Components
+
+The Syncfusion .NET MAUI AI-powered components can enhance applications with intelligent capabilities. You can integrate Anthropic `Claude AI` using the `IChatInferenceService` interface, which acts as a bridge between the editor and your custom AI service.
+
+## Setting Up Claude
+
+1. **Create an Anthropic Account**
+ Visit [Anthropic Console](https://console.anthropic.com), sign up, and complete the verification process.
+2. **Obtain an API Key**
+ Navigate to [API Keys](https://console.anthropic.com/settings/keys) and click "Create Key."
+3. **Review Model Specifications**
+ Refer to [Claude Models Documentation](https://docs.anthropic.com/claude/docs/models-overview) for details on available models.
+
+## Create a Claude AI Service
+
+This service handles communication with the Claude API, including authentication and response parsing.
+
+1. Create a `Services` folder in your project.
+2. Add a new file named `ClaudeAIService.cs` in the `Services` folder.
+3. Implement the service as shown below, storing the API key securely in a configuration file or environment variable (e.g., `appsettings.json`).
+
+{% tabs %}
+{% highlight c# tabtitle="ClaudeAIService.cs" %}
+
+using System.Net;
+using System.Text;
+using System.Text.Json;
+using Microsoft.Extensions.AI;
+
+public class ClaudeAIService
+{
+ private readonly string _apiKey;
+ private readonly string _modelName = "claude-3-5-sonnet-20241022"; // Example model
+ private readonly string _endpoint = "https://api.anthropic.com/v1/messages";
+ private static readonly HttpClient HttpClient = new(new SocketsHttpHandler
+ {
+ PooledConnectionLifetime = TimeSpan.FromMinutes(30),
+ EnableMultipleHttp2Connections = true
+ })
+ {
+ DefaultRequestVersion = HttpVersion.Version20 // Fallback to HTTP/2 for compatibility
+ };
+ private static readonly JsonSerializerOptions JsonOptions = new()
+ {
+ PropertyNamingPolicy = JsonNamingPolicy.CamelCase
+ };
+
+ public ClaudeAIService(IConfiguration configuration)
+ {
+ _apiKey = configuration["Claude:ApiKey"] ?? throw new ArgumentNullException("Claude API key is missing.");
+ if (!HttpClient.DefaultRequestHeaders.Contains("x-api-key"))
+ {
+ HttpClient.DefaultRequestHeaders.Clear();
+ HttpClient.DefaultRequestHeaders.Add("x-api-key", _apiKey);
+ HttpClient.DefaultRequestHeaders.Add("anthropic-version", "2023-06-01"); // Check latest version in Claude API docs
+ }
+ }
+
+ public async Task CompleteAsync(List chatMessages)
+ {
+ var requestBody = new ClaudeChatRequest
+ {
+ Model = _modelName,
+ Max_tokens = 1000, // Maximum tokens in response
+ Messages = chatMessages.Select(m => new ClaudeMessage
+ {
+ Role = m.Role == ChatRole.User ? "user" : "assistant",
+ Content = m.Text
+ }).ToList(),
+ Stop_sequences = new List { "END_INSERTION", "NEED_INFO", "END_RESPONSE" } // Configurable stop sequences
+ };
+
+ var content = new StringContent(JsonSerializer.Serialize(requestBody, JsonOptions), Encoding.UTF8, "application/json");
+
+ try
+ {
+ var response = await HttpClient.PostAsync(_endpoint, content);
+ response.EnsureSuccessStatusCode();
+ var responseString = await response.Content.ReadAsStringAsync();
+ var responseObject = JsonSerializer.Deserialize(responseString, JsonOptions);
+ return responseObject?.Content?.FirstOrDefault()?.Text ?? "No response from Claude model.";
+ }
+ catch (Exception ex) when (ex is HttpRequestException || ex is JsonException)
+ {
+ throw new InvalidOperationException("Failed to communicate with Claude API.", ex);
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Store the Claude API key in `appsettings.json` (e.g., `{ "Claude": { "ApiKey": "your-api-key" } }`) or as an environment variable to ensure security. Verify the `anthropic-version` header in [Claude API Documentation](https://docs.anthropic.com/claude/docs) for the latest version.
+
+## Define Request and Response Models
+
+Create a file named `ClaudeModels.cs` in the Services folder and add:
+
+{% tabs %}
+{% highlight c# tabtitle="ClaudeModels.cs" %}
+
+public class ClaudeChatRequest
+{
+ public string? Model { get; set; }
+ public int Max_tokens { get; set; }
+ public List? Messages { get; set; }
+ public List? Stop_sequences { get; set; }
+}
+
+public class ClaudeMessage
+{
+ public string? Role { get; set; }
+ public string? Content { get; set; }
+}
+
+public class ClaudeChatResponse
+{
+ public List? Content { get; set; }
+}
+
+public class ClaudeContentBlock
+{
+ public string? Text { get; set; }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Implement IChatInferenceService
+
+Create `ClaudeInferenceService.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="ClaudeInferenceService.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+public class ClaudeInferenceService : IChatInferenceService
+{
+ private readonly ClaudeAIService _claudeService;
+
+ public ClaudeInferenceService(ClaudeAIService claudeService)
+ {
+ _claudeService = claudeService;
+ }
+
+ public async Task GenerateResponseAsync(List chatMessages)
+ {
+ return await _claudeService.CompleteAsync(chatMessages);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Services in MAUI
+
+Update `MauiProgram.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="MauiProgram.cs" hl_lines="9 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+using Syncfusion.Maui.SmartComponents;
+
+var builder = MauiApp.CreateBuilder();
+builder
+ .UseMauiApp()
+ .ConfigureSyncfusionCore();
+
+builder.Services.AddSingleton();
+builder.Services.AddSingleton();
+
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/Common/configure-ai-service.md b/MAUI/Common/configure-ai-service.md
new file mode 100644
index 0000000000..5720c69e15
--- /dev/null
+++ b/MAUI/Common/configure-ai-service.md
@@ -0,0 +1,159 @@
+---
+layout: post
+title: Configure AI Service with AI-Powered Components | Syncfusion®
+description: Learn how to implement a configure AI service with Syncfusion® AI-Powered Components.
+platform: maui
+control: SmartComponents
+documentation: ug
+---
+
+# Configure AI Service With Smart Components
+
+The Smart Components uses a chat inference service resolved from dependency injection to generate contextual suggestions. Register a compatible chat client and an inference adapter in `MauiProgram.cs`.
+
+### Azure OpenAI
+
+For **Azure OpenAI**, first [deploy an Azure OpenAI Service resource and model](https://learn.microsoft.com/en-us/azure/ai-services/openai/how-to/create-resource), then values for `azureOpenAIKey`, `azureOpenAIEndpoint` and `azureOpenAIModel` will all be provided to you.
+
+* Install the following NuGet packages to your project:
+
+{% tabs %}
+
+{% highlight c# tabtitle="Package Manager" %}
+
+Install-Package Microsoft.Extensions.AI
+Install-Package Microsoft.Extensions.AI.OpenAI
+Install-Package Azure.AI.OpenAI
+
+{% endhighlight %}
+
+{% endtabs %}
+
+* To configure the AI service, add the following settings to the **MauiProgram.cs** file in your application.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram" hl_lines="5 21" %}
+
+using Azure.AI.OpenAI;
+using Microsoft.Extensions.AI;
+using Microsoft.Extensions.Logging;
+using System.ClientModel;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+var builder = MauiApp.CreateBuilder();
+
+....
+
+string azureOpenAIKey = "AZURE_OPENAI_KEY";
+string azureOpenAIEndpoint = "AZURE_OPENAI_ENDPOINT";
+string azureOpenAIModel = "AZURE_OPENAI_MODEL";
+AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(
+ new Uri(azureOpenAIEndpoint),
+ new ApiKeyCredential(azureOpenAIKey)
+);
+IChatClient azureOpenAIChatClient = azureOpenAIClient.GetChatClient(azureOpenAIModel).AsIChatClient();
+builder.Services.AddChatClient(azureOpenAIChatClient);
+
+builder.ConfigureSyncfusionAIServices();
+
+{% endhighlight %}
+{% endtabs %}
+
+### OpenAI
+
+For **OpenAI**, create an API key and place it at `openAIApiKey`. The value for `openAIModel` is the model you wish.
+
+* Install the following NuGet packages to your project:
+
+{% tabs %}
+
+{% highlight c# tabtitle="Package Manager" %}
+
+Install-Package Microsoft.Extensions.AI
+Install-Package Microsoft.Extensions.AI.OpenAI
+
+{% endhighlight %}
+
+{% endtabs %}
+
+* To configure the AI service, add the following settings to the **MauiProgram.cs** file in your app.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram" hl_lines="3 23" %}
+
+using Microsoft.Extensions.AI;
+using OpenAI;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+var builder = MauiApp.CreateBuilder();
+
+....
+
+string openAIApikey = "API-KEY";
+string openAIModel = "gpt-4o-mini"; // example
+
+var openAIClient = new OpenAIClient(
+ new ApiKeyCredential(openAIApikey),
+ new OpenAIClientOptions
+ {
+ // Default OpenAI endpoint; include /v1 if your SDK expects it
+ Endpoint = new Uri("https://api.openai.com/v1/")
+ });
+
+IChatClient openAIChatClient = openAIClient.GetChatClient(openAIModel).AsIChatClient();
+builder.Services.AddChatClient(openAIClient);
+
+builder.ConfigureSyncfusionAIServices();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Ollama
+
+To use Ollama for running self hosted models:
+
+1. **Download and install Ollama**
+ Visit [Ollama's official website](https://ollama.com) and install the application appropriate for your operating system.
+
+2. **Install the desired model from the Ollama library**
+ You can browse and install models from the [Ollama Library](https://ollama.com/library) (e.g., `llama2:13b`, `mistral:7b`, etc.).
+
+3. **Configure your application**
+
+ - Provide the `Endpoint` URL where the model is hosted (e.g., `http://localhost:11434`).
+ - Set `ModelName` to the specific model you installed (e.g., `llama2:13b`).
+
+* Install the following NuGet packages to your project:
+
+{% tabs %}
+
+{% highlight c# tabtitle="Package Manager" %}
+
+Install-Package Microsoft.Extensions.AI
+Install-Package OllamaSharp
+
+{% endhighlight %}
+
+{% endtabs %}
+
+* Add the following settings to the **MauiProgram.cs** file in your application.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram" hl_lines="3 13" %}
+
+using Microsoft.Extensions.AI;
+using OllamaSharp;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+var builder = MauiApp.CreateBuilder();
+
+....
+
+string ModelName = "MODEL_NAME";
+IChatClient chatClient = new OllamaApiClient("http://localhost:11434", ModelName);
+builder.Services.AddChatClient(chatClient);
+
+builder.ConfigureSyncfusionAIServices();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/Common/deepseek-service.md b/MAUI/Common/deepseek-service.md
new file mode 100644
index 0000000000..8d724b1a84
--- /dev/null
+++ b/MAUI/Common/deepseek-service.md
@@ -0,0 +1,181 @@
+---
+layout: post
+title: DeepSeek AI for AI-Powered Components | Syncfusion®
+description: Learn how to integrate the DeepSeek AI services with Syncfusion® AI-Powered Components.
+platform: maui
+control: SmartComponents
+documentation: ug
+---
+
+# DeepSeek AI Integration with .NET MAUI Smart Components
+
+The Syncfusion .NET MAUI AI-powered components can enhance applications with intelligent capabilities. You can integrate DeepSeek using the `IChatInferenceService` interface, which standardizes communication between the editor and your custom AI service.
+
+## Setting Up DeepSeek
+
+1. **Obtain a DeepSeek API Key**
+ Create an account at [DeepSeek Platform](https://platform.deepseek.com), sign in, and navigate to [API Keys](https://platform.deepseek.com/api_keys) to generate an API key.
+2. **Review Model Specifications**
+ Refer to [DeepSeek Models Documentation](https://api-docs.deepseek.com/quick_start/pricing) for details on available models (e.g., `deepseek-chat`).
+
+## Create a DeepSeek AI Service
+
+This service manages requests to the `DeepSeek` Chat Completions endpoint and returns the generated text.
+
+1. Create a `Services` folder in your project.
+2. Add a new file named `DeepSeekAIService.cs` in the `Services` folder.
+3. Implement the service as shown below, storing the API key securely in a configuration file or environment variable (e.g., `appsettings.json`).
+
+{% tabs %}
+{% highlight c# tabtitle="DeepSeekAIService.cs" %}
+
+using Microsoft.Extensions.AI;
+using Microsoft.Extensions.Configuration;
+using System.Net;
+using System.Text;
+using System.Text.Json;
+
+public class DeepSeekAIService
+{
+ private readonly string _apiKey;
+ private readonly string _modelName = "deepseek-chat"; // Example model
+ private readonly string _endpoint = "https://api.deepseek.com/v1/chat/completions";
+ private static readonly HttpClient HttpClient = new(new SocketsHttpHandler
+ {
+ PooledConnectionLifetime = TimeSpan.FromMinutes(30),
+ EnableMultipleHttp2Connections = true
+ })
+ {
+ DefaultRequestVersion = HttpVersion.Version20 // Fallback to HTTP/2 for compatibility
+ };
+ private static readonly JsonSerializerOptions JsonOptions = new()
+ {
+ PropertyNamingPolicy = JsonNamingPolicy.CamelCase
+ };
+
+ public DeepSeekAIService(IConfiguration configuration)
+ {
+ _apiKey = configuration["DeepSeek:ApiKey"] ?? throw new ArgumentNullException("DeepSeek API key is missing.");
+ if (!HttpClient.DefaultRequestHeaders.Contains("Authorization"))
+ {
+ HttpClient.DefaultRequestHeaders.Clear();
+ HttpClient.DefaultRequestHeaders.Add("Authorization", $"Bearer {_apiKey}");
+ }
+ }
+
+ public async Task CompleteAsync(List chatMessages)
+ {
+ var requestBody = new DeepSeekChatRequest
+ {
+ Model = _modelName,
+ Temperature = 0.7f, // Controls response randomness (0.0 to 1.0)
+ Messages = chatMessages.Select(m => new DeepSeekMessage
+ {
+ Role = m.Role == ChatRole.User ? "user" : "system", // Align with DeepSeek API roles
+ Content = m.Text
+ }).ToList()
+ };
+
+ var content = new StringContent(JsonSerializer.Serialize(requestBody, JsonOptions), Encoding.UTF8, "application/json");
+
+ try
+ {
+ var response = await HttpClient.PostAsync(_endpoint, content);
+ response.EnsureSuccessStatusCode();
+ var responseString = await response.Content.ReadAsStringAsync();
+ var responseObject = JsonSerializer.Deserialize(responseString, JsonOptions);
+ return responseObject?.Choices?.FirstOrDefault()?.Message?.Content ?? "No response from DeepSeek.";
+ }
+ catch (Exception ex) when (ex is HttpRequestException || ex is JsonException)
+ {
+ throw new InvalidOperationException("Failed to communicate with DeepSeek API.", ex);
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Store the DeepSeek API key in `appsettings.json` (e.g., `{ "DeepSeek": { "ApiKey": "your-api-key" } }`) or as an environment variable to ensure security.
+
+## Define Request and Response Models
+
+Create a file named `DeepSeekModels.cs` in the Services folder and add:
+
+{% tabs %}
+{% highlight c# tabtitle="DeepSeekModels.cs" %}
+
+public class DeepSeekMessage
+{
+ public string? Role { get; set; }
+ public string? Content { get; set; }
+}
+
+public class DeepSeekChatRequest
+{
+ public string? Model { get; set; }
+ public float Temperature { get; set; }
+ public List? Messages { get; set; }
+}
+
+public class DeepSeekChatResponse
+{
+ public List? Choices { get; set; }
+}
+
+public class DeepSeekChoice
+{
+ public DeepSeekMessage? Message { get; set; }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Implement IChatInferenceService
+
+Create `DeepSeekInferenceService.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="DeepSeekInferenceService.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+public class DeepSeekInferenceService : IChatInferenceService
+{
+ private readonly DeepSeekAIService _deepSeekService;
+
+ public DeepSeekInferenceService(DeepSeekAIService deepSeekService)
+ {
+ _deepSeekService = deepSeekService;
+ }
+
+ public async Task GenerateResponseAsync(List chatMessages)
+ {
+ return await _deepSeekService.CompleteAsync(chatMessages);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Services in MAUI
+
+Update `MauiProgram.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="MauiProgram.cs" hl_lines="9 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+using Syncfusion.Maui.SmartComponents;
+
+var builder = MauiApp.CreateBuilder();
+builder
+ .UseMauiApp()
+ .ConfigureSyncfusionCore();
+
+builder.Services.AddSingleton();
+builder.Services.AddSingleton();
+
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/Common/gemini-service.md b/MAUI/Common/gemini-service.md
new file mode 100644
index 0000000000..361f59a9a8
--- /dev/null
+++ b/MAUI/Common/gemini-service.md
@@ -0,0 +1,204 @@
+---
+layout: post
+title: Gemini AI for AI-Powered Components | Syncfusion®
+description: Learn how to implement a custom AI service using Google's Gemini API with Syncfusion® AI-Powered Components.
+platform: maui
+control: SmartComponents
+documentation: ug
+---
+
+# Gemini AI Integration with .NET MAUI Smart Components
+
+The Syncfusion .NET MAUI AI-powered components can enhance applications with intelligent capabilities. By default, it works with providers like OpenAI or Azure OpenAI, but you can integrate `Google Gemini AI` using the `IChatInferenceService` interface. This guide explains how to implement and register Gemini AI for the Smart Text Editor in a .NET MAUI app.
+
+## Setting Up Gemini
+
+1. **Get a Gemini API Key**
+ Visit [Google AI Studio](https://ai.google.dev/gemini-api/docs/api-key), sign in, and generate an API key.
+2. **Review Model Details**
+ Refer to [Gemini Models Documentation](https://ai.google.dev/gemini-api/docs/models) for details on available models.
+
+## Create a Gemini AI Service
+
+Create a service class to handle `Gemini API` calls, including authentication, request/response handling, and safety settings.
+
+1. Create a `Services` folder in your MAUI project.
+2. Add a new file named `GeminiService.cs` in the Services folder.
+3. Implement the service as shown below:
+
+{% tabs %}
+{% highlight c# tabtitle="GeminiService.cs" %}
+
+using System.Net;
+using System.Text;
+using System.Text.Json;
+using Microsoft.Extensions.AI;
+
+public class GeminiService
+{
+ private readonly string _apiKey = "";
+ private readonly string _modelName = "gemini-2.0-flash"; // Example model
+ private readonly string _endpoint = "https://generativelanguage.googleapis.com/v1beta/models/";
+ private static readonly HttpClient HttpClient = new(new SocketsHttpHandler
+ {
+ PooledConnectionLifetime = TimeSpan.FromMinutes(30),
+ EnableMultipleHttp2Connections = true
+ })
+ {
+ DefaultRequestVersion = HttpVersion.Version20
+ };
+
+ private static readonly JsonSerializerOptions JsonOptions = new()
+ {
+ PropertyNamingPolicy = JsonNamingPolicy.CamelCase
+ };
+
+ public GeminiService(IConfiguration configuration)
+ {
+ HttpClient.DefaultRequestHeaders.Clear();
+ HttpClient.DefaultRequestHeaders.Add("x-goog-api-key", _apiKey);
+ }
+
+ public async Task CompleteAsync(List chatMessages)
+ {
+ var requestUri = $"{_endpoint}{_modelName}:generateContent";
+ var parameters = BuildGeminiChatParameters(chatMessages);
+ var payload = new StringContent(JsonSerializer.Serialize(parameters, JsonOptions), Encoding.UTF8, "application/json");
+
+ try
+ {
+ using var response = await HttpClient.PostAsync(requestUri, payload);
+ response.EnsureSuccessStatusCode();
+ var json = await response.Content.ReadAsStringAsync();
+ var result = JsonSerializer.Deserialize(json, JsonOptions);
+ return result?.Candidates?.FirstOrDefault()?.Content?.Parts?.FirstOrDefault()?.Text ?? "No response from model.";
+ }
+ catch (Exception ex) when (ex is HttpRequestException or JsonException)
+ {
+ throw new InvalidOperationException("Gemini API error.", ex);
+ }
+ }
+
+ private GeminiChatParameters BuildGeminiChatParameters(List messages)
+ {
+ var contents = messages.Select(m => new ResponseContent(m.Text, m.Role == ChatRole.User ? "user" : "model")).ToList();
+ return new GeminiChatParameters
+ {
+ Contents = contents,
+ GenerationConfig = new GenerationConfig
+ {
+ MaxOutputTokens = 2000,
+ StopSequences = new List { "END_INSERTION", "NEED_INFO", "END_RESPONSE" }
+ },
+ SafetySettings = new List
+ {
+ new() { Category = "HARM_CATEGORY_HARASSMENT", Threshold = "BLOCK_ONLY_HIGH" },
+ new() { Category = "HARM_CATEGORY_HATE_SPEECH", Threshold = "BLOCK_ONLY_HIGH" },
+ new() { Category = "HARM_CATEGORY_SEXUALLY_EXPLICIT", Threshold = "BLOCK_ONLY_HIGH" },
+ new() { Category = "HARM_CATEGORY_DANGEROUS_CONTENT", Threshold = "BLOCK_ONLY_HIGH" },
+ new() { Category = "HARM_CATEGORY_DANGEROUS_CONTENT", Threshold = "BLOCK_ONLY_HIGH" },
+ }
+ };
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Store the Gemini API key securely in appsettings.json or as an environment variable.
+
+## Define Request and Response Models
+
+Create a file named `GeminiModels.cs` in the Services folder and add:
+
+{% tabs %}
+{% highlight c# tabtitle="GeminiModels.cs" %}
+
+
+public class Part { public string Text { get; set; } }
+public class Content { public Part[] Parts { get; init; } = Array.Empty(); }
+public class Candidate { public Content Content { get; init; } = new(); }
+public class GeminiResponseObject { public Candidate[] Candidates { get; init; } = Array.Empty(); }
+
+public class ResponseContent
+{
+ public List Parts { get; init; }
+ public string Role { get; init; }
+ public ResponseContent(string text, string role)
+ {
+ Parts = new List { new Part { Text = text } };
+ Role = role;
+ }
+}
+
+public class GenerationConfig
+{
+ public int MaxOutputTokens { get; init; } = 2048;
+ public List StopSequences { get; init; } = new();
+}
+
+public class SafetySetting
+{
+ public string Category { get; init; } = string.Empty;
+ public string Threshold { get; init; } = string.Empty;
+}
+
+public class GeminiChatParameters
+{
+ public List Contents { get; init; } = new();
+ public GenerationConfig GenerationConfig { get; init; } = new();
+ public List SafetySettings { get; init; } = new();
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Implement IChatInferenceService
+
+Create `GeminiInferenceService.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="GeminiInferenceService.cs" %}
+
+
+using Syncfusion.Maui.SmartComponents;
+
+public class GeminiInferenceService : IChatInferenceService
+{
+ private readonly GeminiService _geminiService;
+
+ public GeminiInferenceService(GeminiService geminiService)
+ {
+ _geminiService = geminiService;
+ }
+
+ public async Task GenerateResponseAsync(List chatMessages)
+ {
+ return await _geminiService.CompleteAsync(chatMessages);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Services in MAUI
+
+Update `MauiProgram.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="MauiProgram.cs" hl_lines="9 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+using Syncfusion.Maui.SmartComponents;
+
+var builder = MauiApp.CreateBuilder();
+builder
+ .UseMauiApp()
+ .ConfigureSyncfusionCore();
+
+builder.Services.AddSingleton();
+builder.Services.AddSingleton();
+
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/Common/groq-service.md b/MAUI/Common/groq-service.md
new file mode 100644
index 0000000000..6e4e44154e
--- /dev/null
+++ b/MAUI/Common/groq-service.md
@@ -0,0 +1,185 @@
+---
+layout: post
+title: Groq AI Integration with AI-Powered Components | Syncfusion®
+description: Learn how to implement a custom AI service using the Groq API with Syncfusion® AI-Powered Components.
+platform: maui
+control: SmartComponents
+documentation: ug
+---
+
+# Groq AI Integration with .NET MAUI Smart Components
+
+The Syncfusion .NET MAUI AI-powered components can enhance applications with intelligent capabilities. You can integrate `Groq` by implementing the `IChatInferenceService` interface and leveraging Groq’s OpenAI-compatible Chat Completions API to deliver fast, low-latency results.
+
+## Setting Up Groq
+
+1. **Create a Groq account & API key**
+ Visit [Groq Cloud Console](https://console.groq.com), and create an API key. Use the Authorization: Bearer {GROQ_API_KEY} header when calling the API
+2. **Endpoint (OpenAI‑compatible)**
+ Chat Completions: POST https://api.groq.com/openai/v1/chat/completions.
+3. **Choose a Model**
+ Refer to [Groq Models Documentation](https://console.groq.com/docs/models) for details on available models (e.g., `llama3-8b-8192`).
+
+## Create a Groq AI Service
+
+This service calls Groq’s Chat Completions endpoint and returns the first assistant message. It keeps your code simple and OpenAI‑compatible.
+
+1. Create a `Services` folder in your project.
+2. Add a new file named `GroqService.cs` in the `Services` folder.
+3. Implement the service as shown below, storing the API key securely in a configuration file or environment variable (e.g., `appsettings.json` or environment variables).
+
+{% tabs %}
+{% highlight c# tabtitle="GroqService.cs" %}
+
+using Microsoft.Extensions.AI;
+using Syncfusion.Maui.SmartComponents;
+using System.Net;
+using System.Text;
+using System.Text.Json;
+using System.Text.Json.Serialization;
+
+public class GroqService
+{
+ private readonly string _apiKey;
+ private readonly string _modelName = "llama3-8b-8192"; // Example model
+ private readonly string _endpoint = "https://api.groq.com/openai/v1/chat/completions";
+ private static readonly HttpClient HttpClient = new(new SocketsHttpHandler
+ {
+ PooledConnectionLifetime = TimeSpan.FromMinutes(30),
+ EnableMultipleHttp2Connections = true
+ })
+ {
+ DefaultRequestVersion = HttpVersion.Version20 // Fallback to HTTP/2 for broader compatibility
+ };
+ private static readonly JsonSerializerOptions JsonOptions = new()
+ {
+ PropertyNamingPolicy = JsonNamingPolicy.CamelCase
+ };
+
+ public GroqService(IConfiguration configuration)
+ {
+ _apiKey = configuration["Groq:ApiKey"] ?? throw new ArgumentNullException("Groq API key is missing.");
+ if (!HttpClient.DefaultRequestHeaders.Contains("Authorization"))
+ {
+ HttpClient.DefaultRequestHeaders.Clear();
+ HttpClient.DefaultRequestHeaders.Add("Authorization", $"Bearer {_apiKey}");
+ }
+ }
+
+ public async Task CompleteAsync(List chatMessages)
+ {
+ var requestPayload = new GroqChatParameters
+ {
+ Model = _modelName,
+ Messages = chatMessages.Select(m => new Message
+ {
+ Role = m.Role == ChatRole.User ? "user" : "assistant",
+ Content = m.Text
+ }).ToList(),
+ Stop = new List { "END_INSERTION", "NEED_INFO", "END_RESPONSE" } // Configurable stop sequences
+ };
+
+ var content = new StringContent(JsonSerializer.Serialize(requestPayload, JsonOptions), Encoding.UTF8, "application/json");
+
+ try
+ {
+ var response = await HttpClient.PostAsync(_endpoint, content);
+ response.EnsureSuccessStatusCode();
+ var responseString = await response.Content.ReadAsStringAsync();
+ var responseObject = JsonSerializer.Deserialize(responseString, JsonOptions);
+ return responseObject?.Choices?.FirstOrDefault()?.Message?.Content ?? "No response from model.";
+ }
+ catch (Exception ex) when (ex is HttpRequestException || ex is JsonException)
+ {
+ throw new InvalidOperationException("Failed to communicate with Groq API.", ex);
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Store the Groq API key in `appsettings.json` (e.g., `{ "Groq": { "ApiKey": "your-api-key" } }`) or as an environment variable to ensure security.
+
+## Define Request and Response Models
+
+Create a file named `GroqModels.cs` in the Services folder and add:
+
+{% tabs %}
+{% highlight c# tabtitle="GroqModels.cs" %}
+
+public class Choice
+{
+ public Message? Message { get; set; }
+}
+
+public class Message
+{
+ public string? Role { get; set; }
+ public string? Content { get; set; }
+}
+
+public class GroqChatParameters
+{
+ public string? Model { get; set; }
+ public List? Messages { get; set; }
+ public List? Stop { get; set; }
+}
+
+public class GroqResponseObject
+{
+ public string? Model { get; set; }
+ public List? Choices { get; set; }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Implement IChatInferenceService
+
+Create `GroqInferenceService.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="GroqInferenceService.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+public class GroqInferenceService : IChatInferenceService
+{
+ private readonly GroqService _groqService;
+
+ public GroqInferenceService(GroqService groqService)
+ {
+ _groqService = groqService;
+ }
+
+ public async Task GenerateResponseAsync(List chatMessages)
+ {
+ return await _groqService.CompleteAsync(chatMessages);
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Services in MAUI
+
+Update `MauiProgram.cs`:
+
+{% tabs %}
+{% highlight c# tabtitle="MauiProgram.cs" hl_lines="9 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+using Syncfusion.Maui.SmartComponents;
+
+var builder = MauiApp.CreateBuilder();
+builder
+ .UseMauiApp()
+ .ConfigureSyncfusionCore();
+
+builder.Services.AddSingleton();
+builder.Services.AddSingleton();
+
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md
index 219bfe04cf..7557cbf56d 100644
--- a/MAUI/DataGrid/Column-types.md
+++ b/MAUI/DataGrid/Column-types.md
@@ -74,6 +74,12 @@ The following table describes the types of columns and their usage:
@@ -1418,6 +1424,257 @@ The `DataGridNumericColumn` allows formatting the numeric data with culture-spec
* `NullValue` - To set the null value when the numeric cell value is null, use the [DataGridNumericColumn.NullValue](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridNumericColumn.html#Syncfusion_Maui_DataGrid_DataGridNumericColumn_NullValue) property.
+## DataGridMultiColumnComboBoxColumn
+
+The `DataGridMultiColumnComboBoxColumn` displays enumeration as cell contents and hosts a (SfMultiColumnComboBox)[] in editing mode. This column type allows you to define the predefined columns in its drop-down, similar to SfDataGrid.
+
+You can change the value by selecting the item from drop down or by editing the entry in `SfMultiColumnComboBox`. To disable text editing, set the (IsTextReadOnly)[] property to `true`.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+var column = new DataGridMultiColumnComboBoxColumn()
+{
+ MappingName = "CustomerID",
+ HeaderText = "Customer ID",
+ ValueMember = "CustomerID",
+ DisplayMember = "CustomerID",
+ ItemsSource = viewModel.OrderDetails,
+ AutoGenerateColumns = false,
+ Columns = new ColumnCollection()
+ {
+ new DataGridTextColumn() { MappingName = "CustomerID" },
+ new DataGridNumericColumn() { MappingName = "ProductID" }
+ }
+};
+this.dataGrid.Columns.Add(column);
+
+{% endhighlight %}
+
+{% endtabs %}
+
+SfDataGrid triggers, (CurrentCellDropDownSelectionChanged)[] event, when the SelectedValue is changed. (CurrentCellDropDownSelectionChangedEventArgs)[] of `CurrentCellDropDownSelectionChanged` event provides the information about the changed cell value.
+
+`SelectedIndex` property returns the index of selected item.
+`SelectedItem` property returns the selected item from drop down list.
+
+
+
+### Auto-complete support
+
+You can enable the `SfMultiColumnComboBox` to automatically complete the entered input value by setting the (AllowAutoComplete)[] property to `true`. When enabled, this property compares the entered text with each item in the underlying data source of `DataGridMultiColumnComboBoxColumn` and autocomplete the input with the matched value based on the DisplayMember.
+
+### Filtering
+
+You can enable the `SfMultiColumnComboBox` to dynamically filter the drop-down list items based on the text typed in the entry by setting (AllowIncrementalFiltering)[] property to `true`. Additionally, `DataGridMultiColumnComboBoxColumn` allows filtering based on case sensitivity by setting (AllowCaseSensitiveFiltering)[] to `true`. These features help users to quickly select items from large list.
+
+
+
+### Null value support
+
+You can allow null values in the column by setting the (AllowNullValue)[] property to `true`.
+
+N>
+The AllowNullValue will work only when the underlying property type is Nullable.
+
+### Popup Size Customization
+
+You can change the size of drop-down popup by setting (PopupWidth)[] and (PopupHeight)[] properties. If these values are not set, the popup width defaults to the `PopupMinWidth` property, which is 200.0 by default. Similarly, the popup height defaults to the `PopupMinHeight` property, which is 300.0 by default.
+
+Additionally, `SfMultiColumnComboBox` can automatically adjust the popup width based on the actual size of the SfDataGrid by setting the (IsAutoPopupSize)[] property to `true`.
+
+### Loading different ItemsSource for each row
+
+You can load different ItemsSource to each row of `DataGridMultiColumnComboBoxColumn` by setting the `SfDataGrid.ItemsSourceSelector` property.
+
+### Implementing IItemsSourceSelector
+
+`ItemsSourceSelector` must implement the `IItemsSourceSelector` interface, which requires the implementation of the `GetItemsSource` method. The `GetItemsSource` method receives the following parameters:
+
+* **Record** – The data object associated with row.
+* **Data Context** – The data context of data grid.
+
+In the following example, the items source for `ShipCity` column is returned based on the value of the `ShipCountry` column, using the record and data context passed to the `GetItemsSource` method.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+internal class ItemsSourceSelector : IItemsSourceSelector
+{
+ public IEnumerable GetItemsSource(object record, object dataContext)
+ {
+ if (record == null)
+ return null;
+
+ var orderinfo = record as Orders;
+ var countryName = orderinfo.ShipCountry;
+
+ var viewModel = dataContext as OrdersViewModel;
+
+ //Returns ShipCity collection based on ShipCountry.
+ if (viewModel.ShipCityItemsSources.ContainsKey(countryName))
+ {
+ ObservableCollection shipCities = null;
+ viewModel.ShipCityItemsSources.TryGetValue(countryName, out shipCities);
+ return shipCities.ToList();
+ }
+
+ return null;
+ }
+}
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
+
+
+You can download the sample from the following link: (Sample)[https://github.com/SyncfusionExamples/How-to-load-different-items-for-each-row-in-MultiColumn-ComboBox-Column-in-.NET-MAUI-SfDataGrid].
+
+## DataGridHyperlinkColumn
+
+The `DataGridHyperlinkColumn` inherits all the properties of the `DataGridTextColumn`. It displays column data as clickable hyperlinks. It renders link text in each record cell and lets end users invoke navigation.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+DataGridHyperlinkColumn hyperlinkColumn = new DataGridHyperlinkColumn()
+{
+ MappingName = "Country",
+ HeaderText = "Country",
+};
+dataGrid.Columns.Add(hyperlinkColumn);
+
+{% endhighlight %}
+
+{% endtabs %}
+
+You can enable end-users to navigate to a URI either when the cell value contains a valid URI address or by handling the `DataGridCurrentCellRequestNavigatingEventArgs` event. The `CurrentCellRequestNavigating` event is triggered whenever a cell in the `DataGridHyperlinkColumn` is clicked for navigation.
+
+The `DataGridCurrentCellRequestNavigatingEventArgs` associated with the `CurrentCellRequestNavigating` event provides details about the hyperlink that initiated the action. Its `DataGridCurrentCellRequestNavigatingEventArgs.NavigateText` property returns the value from the column’s `DisplayBinding` if one is defined; otherwise, it falls back to the value bound to `MappingName`.
+
+{% tabs %}
+{% highlight C# %}
+
+dataGrid.CurrentCellRequestNavigating += dataGrid_CurrentCellRequestNavigating;
+
+private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurrentCellRequestNavigatingEventArgs e)
+{
+ string address = "https://en.wikipedia.org/wiki/" + e.NavigateText;
+ Launcher.OpenAsync(new Uri(address));
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+### Cancel the navigation
+You can cancel the navigation by setting `DataGridCurrentCellRequestNavigatingEventArgs.Cancel` to true.
+
+{% tabs %}
+{% highlight C# %}
+dataGrid.CurrentCellRequestNavigating += dataGrid_CurrentCellRequestNavigating;
+
+private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurrentCellRequestNavigatingEventArgs e)
+{
+ e.Cancel = true;
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Appearance
+
+#### HyperlinkTextColor
+
+You can set the hyperlink text color using the `HyperlinkTextColor` property. If both HyperlinkTextColor and a DataGridCell TextColor (via implicit or explicit styles) are defined, HyperlinkTextColor takes precedence and will be used. If HyperlinkTextColor is not specified, the implicit or explicit cell styles will determine the hyperlink text color.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+dataGrid.DefaultStyle = new DataGridStyle
+{
+ HyperlinkTextColor = Colors.Yellow
+};
+
+{% endhighlight %}
+{% endtabs %}
+
## Row header
The row header is a type of column that is placed as the first cell of each row and remains frozen. To enable the row header, set [SfDataGrid.ShowRowHeader](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ShowRowHeader) to `true` Additionally, the `SfDataGrid` allows you to customize the row header width using the [SfDataGrid.RowHeaderWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_RowHeaderWidth) property. The default value is `30.`
diff --git a/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-height.png b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-height.png
new file mode 100644
index 0000000000..1905bb7672
Binary files /dev/null and b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-height.png differ
diff --git a/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-text.png b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-text.png
new file mode 100644
index 0000000000..f5a3dab213
Binary files /dev/null and b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping-drop-area-text.png differ
diff --git a/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping.png b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping.png
new file mode 100644
index 0000000000..fec735edcd
Binary files /dev/null and b/MAUI/DataGrid/Images/Grouping/maui-datagrid-ui-grouping.png differ
diff --git a/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-filtering.png b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-filtering.png
new file mode 100644
index 0000000000..ad4319952a
Binary files /dev/null and b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-filtering.png differ
diff --git a/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector.png b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector.png
new file mode 100644
index 0000000000..b0aaeb31ee
Binary files /dev/null and b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector.png differ
diff --git a/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector2.png b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector2.png
new file mode 100644
index 0000000000..ad8facdb32
Binary files /dev/null and b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column-itemsourceselector2.png differ
diff --git a/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column.png b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column.png
new file mode 100644
index 0000000000..ec3afab170
Binary files /dev/null and b/MAUI/DataGrid/Images/column-types/maui-datagrid-MultiColumn-ComboBox-column.png differ
diff --git a/MAUI/DataGrid/Images/columns/maui-datagrid-columnchooser.png b/MAUI/DataGrid/Images/columns/maui-datagrid-columnchooser.png
new file mode 100644
index 0000000000..77b1929c52
Binary files /dev/null and b/MAUI/DataGrid/Images/columns/maui-datagrid-columnchooser.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-advanced-filtering.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-advanced-filtering.png
new file mode 100644
index 0000000000..5ff1cb292a
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-advanced-filtering.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-canGenerateUniqueItems-false.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-canGenerateUniqueItems-false.png
new file mode 100644
index 0000000000..8e9bb0c5c4
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-canGenerateUniqueItems-false.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering-with-selectedvalues.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering-with-selectedvalues.png
new file mode 100644
index 0000000000..77e70a3b31
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering-with-selectedvalues.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering.png
new file mode 100644
index 0000000000..a200fe2f77
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-checkbox-filtering.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filter-mode-checkbox.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filter-mode-checkbox.png
new file mode 100644
index 0000000000..75d0741f07
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filter-mode-checkbox.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterIconColor.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterIconColor.png
new file mode 100644
index 0000000000..79580173e4
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterIconColor.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterMode-advanced.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterMode-advanced.png
new file mode 100644
index 0000000000..1a09df2bcc
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterMode-advanced.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterPopupSize.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterPopupSize.png
new file mode 100644
index 0000000000..c74f6b5e59
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterPopupSize.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate-selector.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate-selector.png
new file mode 100644
index 0000000000..d601112d93
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate-selector.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate.png
new file mode 100644
index 0000000000..15a941d355
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-filterTemplate.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sort-options-visibility.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sort-options-visibility.png
new file mode 100644
index 0000000000..4db2d6ba0a
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sort-options-visibility.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sorting-text.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sorting-text.png
new file mode 100644
index 0000000000..9eca31a537
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-filtering-sorting-text.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-advanced.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-advanced.png
new file mode 100644
index 0000000000..9e70602328
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-advanced.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-checkbox.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-checkbox.png
new file mode 100644
index 0000000000..c1523df119
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-instant-filtering-checkbox.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-advanced.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-advanced.png
new file mode 100644
index 0000000000..3b1b663fd8
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-advanced.png differ
diff --git a/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-checkbox.png b/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-checkbox.png
new file mode 100644
index 0000000000..40e3e534c7
Binary files /dev/null and b/MAUI/DataGrid/Images/filtering/maui-datagrid-null-filtering-checkbox.png differ
diff --git a/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-columns.gif b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-columns.gif
new file mode 100644
index 0000000000..6af38bee5c
Binary files /dev/null and b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-columns.gif differ
diff --git a/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-rows.gif b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-rows.gif
new file mode 100644
index 0000000000..bb88d8a698
Binary files /dev/null and b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-footer-rows.gif differ
diff --git a/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-panes-strokethickness.png b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-panes-strokethickness.png
new file mode 100644
index 0000000000..74a62e542d
Binary files /dev/null and b/MAUI/DataGrid/Images/freeze-panes/maui-datagrid-freeze-panes-strokethickness.png differ
diff --git a/MAUI/DataGrid/Images/selection/maui-dataGrid-extendedSelection.png b/MAUI/DataGrid/Images/selection/maui-dataGrid-extendedSelection.png
new file mode 100644
index 0000000000..2c743fd0a6
Binary files /dev/null and b/MAUI/DataGrid/Images/selection/maui-dataGrid-extendedSelection.png differ
diff --git a/MAUI/DataGrid/columns.md b/MAUI/DataGrid/columns.md
index 0e66f3ad39..9a95ed7c3e 100644
--- a/MAUI/DataGrid/columns.md
+++ b/MAUI/DataGrid/columns.md
@@ -383,5 +383,48 @@ this.dataGrid.Columns.RemoveAt(1);
{% endhighlight %}
{% endtabs %}
+##Column Chooser
+SfDataGrid allows you show or hide columns at runtime by selecting or deselecting them through the Column Chooser. You can enable this feature by setting the `SfDataGrid.ShowColumnChooser` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+dataGrid.ShowColumnChooser = true;
+
+{% endhighlight %}
+{% endtabs %}
+
+###Column Chooser Header Text
+
+You can also customize the header text of the Column Chooser using the `SfDataGrid.ColumnChooserHeaderText` property. By default, `SfDataGrid.ColumnChooserHeaderText` property is set to `string.Empty`, so the header is not displayed. If you assign any non-empty string, the header becomes visible.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+dataGrid.ColumnChooserHeaderText = "Select Visible Columns";
+
+{% endhighlight %}
+{% endtabs %}
+
+
diff --git a/MAUI/DataGrid/filtering.md b/MAUI/DataGrid/filtering.md
index 17794d258c..872fc0e758 100644
--- a/MAUI/DataGrid/filtering.md
+++ b/MAUI/DataGrid/filtering.md
@@ -16,7 +16,8 @@ To get start quickly with filtering in .NET MAUI DataGrid, you can check on this
-## View filtering
+## Programmatic filtering
+### View filtering
The `SfDataGrid` supports filtering the records in the view by setting the [SfDataGrid.View.Filter](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Data.ICollectionViewAdv.html#Syncfusion_Maui_Data_ICollectionViewAdv_Filter) property where `Filter` is a predicate.
@@ -45,7 +46,7 @@ public bool FilterRecords(object record)
N> View filtering is not supported when [ItemsSource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ItemsSource) is [DataTable](https://learn.microsoft.com/en-us/dotnet/api/system.data.datatable?view=net-6.0).
-## Filter based on conditions
+### Filter based on conditions
In addition, the records can be filtered based on the conditions. For example, the records can be filtered based on the given input or contrast to the input. The condition-based filtering can also be achieved for all or any particular column.
@@ -174,7 +175,7 @@ The following code example illustrates how to create a [Picker](https://learn.mi
{% endhighlight %}
{% endtabs %}
-## Clear filtering
+### Clear filtering
Clear the applied filtering by setting the `SfDataGrid.View.Filter` property to `null`.
@@ -186,4 +187,446 @@ private void Button_Clicked(object sender, EventArgs e)
this.dataGrid.View.RefreshFilter();
}
{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+## UI Filtering
+The .NET MAUI DataGrid (SfDataGrid) provides excel like filtering UI and also advanced filter UI to filter the data easily. UI filtering can be enabled by setting [SfDataGrid.AllowFiltering]() property to true , where you can open filter UI by clicking the Filter icon in column header and filter the records. The filtering UI appears as a popup menu on desktop and as a new page on mobile platforms.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+this.dataGrid.AllowFiltering = true;
+{% endhighlight %}
+{% endtabs %}
+
+We can enable/disable filtering for particular column by setting [DataGridColumn.AllowFiltering]() property.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+dataGrid.Columns["OrderID"].AllowFiltering = true;
+{% endhighlight %}
+{% endtabs %}
+
+### Built in UI views
+The SfDataGrid filter UI consists of two distinct user interfaces.
+
+ - Checkbox Filter UI - Offers an Excel-like filter interface with a list of check boxes.
+
+ - Advanced Filter UI - Offers advanced filter options for data filtering.
+
+ When the filter pop-up is opened, both the Checkbox Filter and the Advanced Filter are loaded by default. The AdvancedFilter button in the UI view allows you to move between AdvancedFilter and CheckboxFilter.
+
+The following image shows the checkbox filter popup menu on the desktop platform,
+
+
+
+The following image shows the advanced filter popup menu on the desktop platform,
+
+
+
+### Checkbox filtering
+Checkbox filtering is similar to Excel's filter popup, which displays a checked list box of unique items along with a search text field. The items which are in the checked state will be visible in the view. Other items will be filtered out from the view.
+
+The checkbox filter popup menu with a few selected values in the checkbox list view for filtering is displayed in the following image.
+
+
+
+### Advanced filtering
+Multiple filter choices are available in the advanced filter UI to make data filtering simple. By automatically identifying the underlying date type, filter menu options are loaded based on the Advanced filter type.
+
+The supported built-in filter types are shown below.
+
+1. Text Filters - Displays a variety of menu options for filtering the text column.
+2. Number Filters - Displays a variety of menu options for filtering numeric data.
+3. Date Filters - Displays a variety of menu options and a DatePicker to filter the DateTime column.
+
+
+
+
Text Filters
+
Number Filters
+
Date Filters
+
+
+
When the string value is loaded to the DataGridColumn, then TextFilters options are loaded in advanced filter view.
+
When the numeric value is loaded to the DataGridColumn, then NumberFilters options are loaded in advanced filter view.
+
When the DateTime type value is loaded to the DataGridColumn, then DateFilters options are loaded in advanced filter view.
+
+
+
Filter menu options
Equals
Does Not Equal
Begins With
Does Not Begin With
Ends With
Does Not End With
Contains
Does Not Contain
Empty
Not Empty
Null
Not Null
+
Filter menu options
Equals
Does Not Equal
Less Than
Less Than Or Equal
Greater Than
Greater Than Or Equal
Null
Not Null
+
Filter menu options
Equals
Does Not Equal
Before
Before Or Equal
After
After Or Equal
Null
Not Null
+
+
+
+#### Case sensitive
+By default, casing is not considered while filtering. Because, filter predicates will be created with [IsCaseSensitive]() as `false`. The case sensitive icon in the advanced filter UI can be used to enable `IsCaseSensitive` as `true` for the column. This option is only available for the `TextFilters` filter view.
+
+## Events
+SfDataGrid provide the following events to UI filtering.
+
+### FilterChanging
+[FilterChanging]() event invokes when the filtering is being applied to the particular column through UI filtering. Using this event we can change the [FilterPredicates](), [FilterType]() and [FilterBehavior]().
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+private void dataGrid_FilterChanging(object sender, DataGridFilterChangingEventArgs e)
+{
+
+}
+{% endhighlight %}
+{% endtabs %}
+
+### FilterChanged
+[FilterChanged]() is event invoked after the filtering is applied to the particular column through UI filtering. You can use this event to get the filter records.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+private void dataGrid1_FilterChanged(object sender, DataGridFilterChangedEventArgs e)
+{
+
+}
+{% endhighlight %}
+{% endtabs %}
+
+### FilterItemsPopulating
+When the filter list items in filter view are being populated, the [FilterItemsPopulating]() event is raised. This event allows you to modify DataGridFilterView properties.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+private void dataGrid_FilterItemsPopulating(object sender, Syncfusion.Maui.DataGrid.DataGridFilterItemsPopulatingEventArgs e)
+{
+
+}
+{% endhighlight %}
+{% endtabs %}
+
+### FilterItemsPopulated
+[FilterItemsPopulated]() event is raised after filter list items are populated. You can change GridFilterControl ItemSource by using this event.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+private void dataGrid_FilterItemsPopulated(object sender, DataGridFilterItemsPopulatedEventArgs e)
+{
+
+}
+{% endhighlight %}
+{% endtabs %}
+
+## Changing built-in UI views
+You can choose which filter UI view to show in the DataGrid (SfDataGrid) for a column or the whole grid using the [DataGridFilterView.FilterMode]() property.
+
+The options are listed below.
+
+1. CheckboxFilter: Shows only the Checkbox filter view.
+2. AdvancedFilter: Shows only the Advanced filter view.
+3. Both: Shows both filter views.
+
+### Changing filter UI for DataGrid
+We can change the filter UI for all the columns in DataGrid by changing the `FilterMode` property in DataGridFilterView by setting style and added it to [SfDataGrid.FilterPopupStyle]().
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Changing filter UI for particular column
+Filter UI view can be changed for a particular column in DataGrid by changing the `FilterMode` property in DataGridFilterView by writing style and added it to [DataGridColumn.FilterPopupStyle]() property.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Changing Advanced filter type
+[FilterBehavior]() determines the Advanced filter type loaded in filter view. You can change the advanced filter type using `FilterBehavior`.
+
+ - StringTyped - TextFilters will be loaded in AdvancedFilterControl.
+ - Strongly Typed – Advanced filter type is automatically detected based on underlying data type.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+dataGrid.Columns["OrderID"].FilterBehavior = FilterBehavior.StringTyped;
+{% endhighlight %}
+{% endtabs %}
+
+## Increased loading Performance
+Setting `FilterMode` to AdvancedFilter and [CanGenerateUniqueItems]() to `false` will improve [DataGridFilterView's]() loading performance. Instead of Combobox control, Entry is loaded which lets you manually enter text for filtering.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Filtering null values
+By default the [AllowBlankFilters]() property is set to true. So, the filter items must have null values. `AllowBlankFilters` must be set to `false` if you want to remove null values from the list of filter items.
+
+When we set `AllowBlankFilters` as `True`, Combobox options have Null and Not Null choices in advanced filter and checkbox items include a Blanks option in checkbox filtering UI.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+dataGrid.Columns["OrderID"].AllowBlankFilters = false;
+{% endhighlight %}
+{% endtabs %}
+
+Checkbox Filter with `AllowBlankFilters` as `True`
+
+
+
+Advanced Filter with `AllowBlankFilters` as `True`
+
+
+
+## Instant Filtering
+By default, filtering is applied to the columns when OK button is clicked in UI filtering. You must set [ImmediateUpdateColumnFilter]() to True if you wish to update the filters instantly whenever the filter items are updated in the filter popup menu.
+
+In this, Done button is displayed to close the filter popup instead of OK and Cancel buttons.
+
+{% tabs %}
+{% highlight XAML %}
+
+{% endhighlight %}
+{% highlight c# %}
+dataGrid.Columns["OrderID"].ImmediateUpdateColumnFilter = true;
+{% endhighlight %}
+{% endtabs %}
+
+Checkbox Filter with `ImmediateUpdateColumnFilter` as `True`
+
+
+Advanced Filter with `ImmediateUpdateColumnFilter` as `True`
+
+
+## Customizing the filter popup menu options
+### Visibility of sort options
+The sort options in the filter popup will be enabled only when we set [SortingMode]() as `Single` or `Multiple`. OtherWise the icons are in disable state. If you want to remove the sort options from the filter popup, set the [SortOptionsVisibility]() to `false` using `FilterPopupStyle`. As the default value of `SortOptionsVisibility` is `true`, the sort options is visible in the popup menu.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customizing the sorting text
+We can customize the text present in the sort options using [AscendingSortString]() and [DescendingSortString]().
+
+{% tabs %}
+{% highlight c# %}
+dataGrid.FilterItemsPopulating += dataGrid_FilterItemsPopulating;
+
+private void dataGrid_FilterItemsPopulating(object sender, Syncfusion.Maui.DataGrid.DataGridFilterItemsPopulatingEventArgs e)
+{
+ if (e.Column.MappingName == "Name")
+ {
+ e.FilterControl.AscendingSortString = "Sort ascending";
+ e.FilterControl.DescendingSortString = "Sort descending";
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize the filter popup size
+You can customize the FilterPopup size using [FilterPopupHeight]() and [FilterPopupWidth]() properties by writing style of TargetType as DataGridFilterView.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Customize the filter icon
+### Change the filter icon color
+The default color of the filter icon can be customized by setting the [DataGridStyle.FilterIconColor]() property.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Load filter icon through template
+The `SfDataGrid` uses an icon to open the filter popup in UI filtering. You can personalize the filtering icon by using the [SfDataGrid.FilterIconTemplate] property. This property allow you to define a custom template that appears in the column header instead of default filter icon.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Load filter icon through template selector
+When choosing a `FilterIconTemplate` as a DataTemplateSelector, you have the option to supply two different templates for columns.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+public class FilterIconTemplateSelector : DataTemplateSelector
+{
+ public DataTemplate? IconTemplate1 { get; set; }
+
+ public DataTemplate? IconTemplate2 { get; set; }
+
+ protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
+ {
+ var column = item as DataGridColumn;
+ if (column == null)
+ {
+ return null;
+ }
+
+ if (column.MappingName == "EmployeeID")
+ {
+ return IconTemplate1;
+ }
+ else
+ {
+ return IconTemplate2;
+ }
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+
+
diff --git a/MAUI/DataGrid/freeze-panes.md b/MAUI/DataGrid/freeze-panes.md
index ab4b73a317..07308b3742 100644
--- a/MAUI/DataGrid/freeze-panes.md
+++ b/MAUI/DataGrid/freeze-panes.md
@@ -15,7 +15,9 @@ In the [Syncfusion® .NET MAUI DataGrid](https://help.syncfusion.com/cr/maui/Syn
| Property name | Description |
|---------------|-------------|
| [FrozenRowCount](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_FrozenRowCount) | Sets the number of rows to freeze at the top of the DataGrid |
+| `FooterFrozenRowCount` | Sets the number of rows to freeze at the bottom (footer) of the DataGrid |
| [FrozenColumnCount](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_FrozenColumnCount) | Sets the number of columns to freeze at the left side of the DataGrid |
+| `FooterFrozenColumnCount` | Sets the number of columns to freeze at the right side of the DataGrid |
To get start quickly with freeze rows and columns in .NET MAUI DataGrid, you can check on this video:
@@ -37,9 +39,25 @@ The following code snippet shows how to freeze columns in the DataGrid:
+## Freeze footer columns
+
+You can freeze footer columns in view, similar to Excel, by setting the `SfDataGrid.FooterFrozenColumnCount` property to a non‑negative value.
+
+The following code snippet shows how to freeze footer columns in the DataGrid:
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Limitations
-* The `FrozenColumnCount` value should be less than the number of columns displayed in the view. For example, if you have 5 columns in the view, you can set the `FrozenColumnCount` value to a maximum of 4.
+* The `FrozenColumnCount` and `FooterFrozenColumnCount` value should be less than the number of columns displayed in the view. For example, if you have 5 columns in the view, you can set the `FrozenColumnCount` and `FooterFrozenColumnCount` value to a maximum of 4.
## Freeze rows
@@ -57,12 +75,30 @@ The following code snippet shows how to freeze rows in the DataGrid:
+## Freeze footer rows
+
+You can freeze footer rows in view, similar to Excel, by setting the `SfDataGrid.FooterFrozenRowCount` property to a non‑negative value.
+
+The following code snippet shows how to freeze footer rows in the DataGrid:
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Limitations
-* The `FrozenRowCount` value should be less than the number of rows displayed in the view. For example, if you have 10 rows in the view, you can set the `FrozenRowCount` value to a maximum of 9.
+* The `FrozenRowCount` and `FooterFrozenRowCount` value should be less than the number of rows displayed in the view. For example, if you have 10 rows in the view, you can set the `FrozenRowCount` and `FooterFrozenRowCount` value to a maximum of 9.
## Appearance
+### Freeze pane line color
+
The DataGrid allows you to customize the color of the freeze pane line using the [DataGridStyle.FreezePaneLineColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridStyle.html#Syncfusion_Maui_DataGrid_DataGridStyle_FreezePaneLineColor) property.
{% tabs %}
@@ -77,4 +113,24 @@ The DataGrid allows you to customize the color of the freeze pane line using the
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
+
+### Freeze pane line thickness
+
+The DataGrid provides an option to customize the thickness of the freeze pane line using the `DataGridStyle.FreezePaneLineStrokeThickness` property. This property defines the stroke width for all frozen rows and columns in both the body and footer regions
+
+N> The default value of `FreezePaneLineStrokeThickness` is 1.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/DataGrid/grouping.md b/MAUI/DataGrid/grouping.md
index 9495d6050e..b3fcaf7c8a 100644
--- a/MAUI/DataGrid/grouping.md
+++ b/MAUI/DataGrid/grouping.md
@@ -16,9 +16,141 @@ Grouping in a datagrid refers to the process of organizing and categorizing data
N>
* To update the grouping for the newly added row or column, set the `SfDataGrid.View.LiveDataUpdateMode` to `LiveDataUpdateMode.AllowDataShaping`.
-* When `BeginInit` method is called, it suspends all the updates until `EndInit` method is called.
+* When `BeginInit` method is called, it suspends all the updates until `EndInit` method is called.
-## Programmatic grouping
+## UI Grouping
+
+You can enable data grouping in the SfDataGrid by setting the `SfDataGrid.AllowGrouping` property to `true`. This allows end users to group data by dragging and dropping columns into the GroupDropArea. When a column is grouped, all records with the same value in that column are organized together in a group.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+{% endhighlight %}
+{% highlight c# %}
+ dataGrid.AllowGrouping = true;
+{% endhighlight %}
+{% endtabs %}
+
+You can group data by an unlimited of columns. To group multiple columns, drag and drop the desired column headers into the GroupDropArea.
+
+
+
+Each group is represented by a `CaptionSummaryRow`, which organizes data into a hierarchical tree structure according to identical values in the grouped column. Users can expand or collapse the underlying records in a group by clicking on its group caption.
+
+A `CaptionSummaryRow` displays details about its group, such as the group name and the number of records it contains. For more details, refer to the [Caption Summaries](https://help.syncfusion.com/maui/datagrid/summaries#caption-summaries) section.
+
+### Appearance
+
+#### GroupDropAreaText
+
+You can modify the GroupDropArea text by setting the `SfDataGrid.GroupDropAreaText` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+{% endhighlight %}
+{% highlight c# %}
+ dataGrid.AllowGrouping = true;
+ dataGrid.GroupDropAreaText = "Drag and drop the column here";
+{% endhighlight %}
+{% endtabs %}
+
+
+
+#### GroupDropAreaHeight
+
+Use the `SfDataGrid.GroupDropAreaHeight` property to control the vertical size of the GroupDropArea (the region where users drag column headers to create groups).
+
+{% tabs %}
+{% highlight xaml %}
+
+
+{% endhighlight %}
+{% highlight c# %}
+ dataGrid.AllowGrouping = true;
+ dataGrid.GroupDropAreaHeight = 100;
+{% endhighlight %}
+{% endtabs %}
+
+
+
+#### Customize the GroupDropArea
+
+You can style the `GroupDropArea` using the following SfDataGrid properties:
+
+* GroupDropAreaStrokeThickness: Sets the border thickness of the GroupDropArea.
+* GroupDropAreaStroke: Sets the border color of the GroupDropArea.
+* GroupDropAreaBackgroundColor: Sets the background color of the GroupDropArea.
+* GroupDropAreaTextColor: Sets the color of the instructional text displayed in the GroupDropArea.
+* GroupDropAreaFontSize: Sets the font size of the GroupDropArea text.
+* GroupDropAreaFontFamily: Sets the font family used for the GroupDropArea text.
+* GroupDropAreaFontAttribute: Sets the font style of the GroupDropArea text.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+#### Customize the GroupDropAreaItem
+
+You can style the `GroupDropAreaItem` using the following SfDataGrid properties:
+
+* GroupDropItemBackgroundColor: Sets the background color of the GroupDropItem.
+* GroupDropItemTextColor: Sets the color of the text displayed in the GroupDropItem.
+* GroupDropItemFontSize: Sets the font size of the GroupDropItem text.
+* GroupDropItemFontFamily: Sets the font family used for the GroupDropItem text.
+* GroupDropItemFontAttribute: Sets the font style of the GroupDropItem text.
+* GroupDropItemStrokeThickness: Sets the border thickness of the GroupDropItem.
+* GroupDropItemStroke: Sets the border color of the GroupDropItem.
+* GroupDropItemCloseIconColor: Sets the color of the close icon displayed in the GroupDropItem.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+## Programmatic Grouping
The SfDataGrid allows to perform grouping programmatically by adding the [GroupColumnDescription](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.GroupColumnDescription.html) object in the [SfDataGrid.GroupColumnDescriptions](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_GroupColumnDescriptionsProperty) collection. It groups the data based on the `GroupColumnDescription` object added to this collection.
@@ -32,16 +164,16 @@ To apply column grouping, please refer to the following code example:
{% tabs %}
{% highlight xaml %}
+ ItemsSource="{Binding OrderInfoCollection}">
-
+
{% endhighlight %}
{% highlight c# %}
dataGrid.GroupColumnDescriptions.Add (new GroupColumnDescription () {
ColumnName = "Name",
-});
+});
{% endhighlight %}
{% endtabs %}
@@ -49,7 +181,25 @@ The following screenshot shows the rendered output when grouping is applied:
-## MultiGrouping
+### Clearing or removing a group
+
+To clear the applied grouping, you can simply remove the particular item from the `SfDataGrid.GroupColumnDescriptions` collection or clear the entire collection.
+
+{% tabs %}
+{% highlight c# %}
+//Clearing the Group
+dataGrid.GroupColumnDescriptions.Clear();
+
+//Removing the Group based on group item
+var groupColumn = dataGrid.GroupColumnDescriptions[1];
+dataGrid.GroupColumnDescriptions.Remove(groupColumn);
+
+//Removing the Group based on group index
+dataGrid.GroupColumnDescriptions.RemoveAt(0);
+{% endhighlight%}
+{% endtabs %}
+
+## Multi Grouping
The SfDataGrid also allows to group the data against one or more columns using the [SfDataGrid.GroupingMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_GroupingModeProperty) property. When the `GroupingMode` is set as `GroupingMode.Multiple`, the data is organized into a hierarchical tree structure based on identical values of that column. The multi-grouping feature works similarly to the multi-sorting feature. Initially, the data is grouped according to the first column added in the `GroupColumnDescriptions` collection. When more columns are added to the `GroupColumnDescriptions`, the newly added column will be grouped in consideration of the previous group(s). This results in a tree-like hierarchy. Refer to the following code snippet to enable `MultiGrouping`:
@@ -79,76 +229,7 @@ this.dataGrid.GroupingMode = GroupingMode.Multiple;
The following screenshot shows the multi-grouping:
-## Customize indent column width
-
-The width of indent column can be customized by the [IndentColumnWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_IndentColumnWidthProperty) property. The default width of the indent column is 35.
-
-{% tabs %}
-{% highlight xaml %}
-
-{% endhighlight %}
-
-{% highlight c# %}
-
-this.dataGrid.IndentColumnWidth = 60;
-
-{% endhighlight %}
-{% endtabs %}
-
-### Customize indent column background color
-
-The indent columns can be customized by writing the implicit style for the [DataGridIndentCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridIndentCell.html).
-
-The following code snippet shows how to apply a background color to the indent cell based on the column index:
-
-{% tabs %}
-{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-
-{% highlight c# %}
-public class CellStyleConverter : IValueConverter
-{
- object IValueConverter.Convert(object value, Type targetType, object parameter, CultureInfo info)
- {
- var rowType = ((value as DataGridIndentCell)?.Parent as DataGridRow)?.DataRow?.RowType.ToString();
- if (rowType == "HeaderRow")
- return Colors.Bisque;
- else if (rowType == "CaptionCoveredRow")
- return Colors.LightBlue;
- else
- return Colors.PaleVioletRed;
- }
- public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
- {
- return null;
- }
-}
-{% endhighlight %}
-{% endtabs %}
-
-
-
-## Custom grouping
+## Custom Grouping
The SfDataGrid allows to group a column based on custom logic when the standard grouping techniques do not meet the requirements.
@@ -161,10 +242,10 @@ To set a custom grouping converter for the group description that is added to gr
{% tabs %}
{% highlight xaml %}
+ xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+ xmlns:syncfusion="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
+ xmlns:local="clr-namespace:GroupingUI"
+ x:Class="GroupingUI.MainPage">
@@ -265,17 +346,17 @@ dataGrid.GroupColumnDescriptions.Add(new GroupColumnDescription()
{% endhighlight %}
{% endtabs %}
-
### Sorting the records in the grouped columns
+
In custom grouping, you can sort all the inner records of each group by setting [GroupColumnDescription.SortGroupRecords](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.GroupColumnDescription.html#Syncfusion_Maui_DataGrid_GroupColumnDescription_SortGroupRecords) property as `true`. This will sort the records based on the `GroupColumnDescription.ColumnName` property.
{% tabs %}
{% highlight xaml %}
+ xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+ xmlns:syncfusion="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
+ xmlns:local="clr-namespace:GroupingUI"
+ x:Class="GroupingUI.MainPage">
@@ -365,36 +446,60 @@ As you can see in the below screenshot, the records are sorted based on the `Ord
-## Expand groups initially
+## Display based grouping using GroupMode property
+
+By default, column grouping occurs based on the value in the underlying collection thereby creating a new group for each new value of that column. However, a column can also be grouped based on the Display value by setting the [DataGridColumn.GroupMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridColumn.html#Syncfusion_Maui_DataGrid_DataGridColumn_GroupMode) property as `Display`. In the following code example, set the [DataGridColumn.Format](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridColumn.html#Syncfusion_Maui_DataGrid_DataGridColumn_Format) property as "#" which displays only the rounded off value in the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html):
-To expand all groups initially, set the [SfDataGrid.AutoExpandGroups](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AutoExpandGroupsProperty) to `true`. While grouping any column, all groups will be in expanded state.
+{% tabs %}
+{% highlight xaml %}
+
+{% endhighlight %}
+
+{% highlight c# %}
+DataGridTextColumn orderID = new DataGridTextColumn();
+orderID.MappingName = "OrderID";
+orderID.GroupMode = Syncfusion.Maui.Data.DataReflectionMode.Display;
+orderID.Format = "#";
+{% endhighlight%}
+{% endtabs %}
+
+The following screenshot shows a comparison between two group modes. `GroupMode.Value` on the Top and `GroupMode.Display` on the Bottom:
+
+
+
+## Expand and Collapse Groups
+
+To expand and collapse the groups at runtime, you can simply set the [SfDataGrid.AllowGroupExpandCollapse](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AllowGroupExpandCollapseProperty) property to `true`. The groups will be in expanded state by default.
{% tabs %}
{% highlight xaml %}
+
+
{% endhighlight %}
{% highlight c# %}
-this.dataGrid.AutoExpandGroups = true;
this.dataGrid.AllowGroupExpandCollapse = true;
{% endhighlight %}
{% endtabs %}
-## Expand or collapse the groups
+### Expand groups initially
-To expand and collapse the groups at runtime, you can simply set the [SfDataGrid.AllowGroupExpandCollapse](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AllowGroupExpandCollapseProperty) property to `true`. The groups will be in expanded state by default.
+To expand all groups initially, set the [SfDataGrid.AutoExpandGroups](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AutoExpandGroupsProperty) to `true`. While grouping any column, all groups will be in expanded state.
{% tabs %}
{% highlight xaml %}
-
-
{% endhighlight %}
{% highlight c# %}
+this.dataGrid.AutoExpandGroups = true;
this.dataGrid.AllowGroupExpandCollapse = true;
{% endhighlight %}
{% endtabs %}
@@ -425,48 +530,6 @@ this.dataGrid.CollapseGroup(group);
-## Display based grouping using GroupMode property
-
-By default, column grouping occurs based on the value in the underlying collection thereby creating a new group for each new value of that column. However, a column can also be grouped based on the Display value by setting the [DataGridColumn.GroupMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridColumn.html#Syncfusion_Maui_DataGrid_DataGridColumn_GroupMode) property as `Display`. In the following code example, set the [DataGridColumn.Format](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridColumn.html#Syncfusion_Maui_DataGrid_DataGridColumn_Format) property as "#" which displays only the rounded off value in the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html):
-
-{% tabs %}
-{% highlight xaml %}
-
-{% endhighlight %}
-
-{% highlight c# %}
-DataGridTextColumn orderID = new DataGridTextColumn();
-orderID.MappingName = "OrderID";
-orderID.GroupMode = Syncfusion.Maui.Data.DataReflectionMode.Display;
-orderID.Format = "#";
-{% endhighlight%}
-{% endtabs %}
-
-The following screenshot shows a comparison between two group modes. `GroupMode.Value` on the Top and `GroupMode.Display` on the Bottom:
-
-
-
-## Clearing or removing a group
-
-To clear the applied grouping, you can simply remove the particular item from the `SfDataGrid.GroupColumnDescriptions` collection or clear the entire collection.
-
-{% tabs %}
-{% highlight c# %}
-//Clearing the Group
-dataGrid.GroupColumnDescriptions.Clear();
-
-//Removing the Group based on group item
-var groupColumn = dataGrid.GroupColumnDescriptions[1];
-dataGrid.GroupColumnDescriptions.Remove(groupColumn);
-
-//Removing the Group based on group index
-dataGrid.GroupColumnDescriptions.RemoveAt(0);
-{% endhighlight%}
-{% endtabs %}
-
## Events
### GroupExpanding
@@ -533,7 +596,78 @@ The `DataGridColumnGroupChangedEventArgs` of the `GroupCollapsed` event provides
`Syncfusion.Data.Group`: Gets the collapsed group.
-## Customize grouped column visibility
+## Customization
+
+### Customize indent column width
+
+The width of indent column can be customized by the [IndentColumnWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_IndentColumnWidthProperty) property. The default width of the indent column is 35.
+
+{% tabs %}
+{% highlight xaml %}
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+this.dataGrid.IndentColumnWidth = 60;
+
+{% endhighlight %}
+{% endtabs %}
+
+#### Customize indent column background color
+
+The indent columns can be customized by writing the implicit style for the [DataGridIndentCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridIndentCell.html).
+
+The following code snippet shows how to apply a background color to the indent cell based on the column index:
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+public class CellStyleConverter : IValueConverter
+{
+ object IValueConverter.Convert(object value, Type targetType, object parameter, CultureInfo info)
+ {
+ var rowType = ((value as DataGridIndentCell)?.Parent as DataGridRow)?.DataRow?.RowType.ToString();
+ if (rowType == "HeaderRow")
+ return Colors.Bisque;
+ else if (rowType == "CaptionCoveredRow")
+ return Colors.LightBlue;
+ else
+ return Colors.PaleVioletRed;
+ }
+ public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+ {
+ return null;
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize grouped column visibility
The visibility of the grouped column can be customized by the [SfDataGrid.ShowColumnWhenGrouped](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ShowColumnWhenGrouped) property. By default, all the grouped columns are visible. Refer to the following code snippet:
@@ -553,7 +687,9 @@ this.dataGrid.ShowColumnWhenGrouped = false;
{% endhighlight %}
{% endtabs %}
-## Load group icon through template
+### Customize group icon
+
+#### Load group icon through template
The SfDataGrid uses an icon to indicate the expand and collapse state of groups. You can personalize the group icon by using the [SfDataGrid.GroupExpandCollapseTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_GroupExpandCollapseTemplate) property. This property allows you to define a custom template that will be displayed in its normal form when the group is expanded, and it will rotate downwards when the group is collapsed. To implement this, refer to the following code snippet:
@@ -561,13 +697,12 @@ The SfDataGrid uses an icon to indicate the expand and collapse state of groups.
{% highlight xaml %}
+ HorizontalOptions="FillAndExpand"
+ ItemsSource="{Binding OrderInfoCollection}"
+ x:Name="dataGrid"
+ GroupingMode="Multiple"
+ AllowGroupExpandCollapse="True"
+ AutoGenerateColumnsMode="None">
@@ -598,7 +733,7 @@ dataGrid.GroupExpandCollapseTemplate = new DataTemplate(() =>
-## Load group icon through template selector
+#### Load group icon through template selector
When choosing a `GroupExpandCollapseTemplate` as a DataTemplateSelector, you have the option to supply distinct templates for both the expanded and collapsed states of the group
@@ -611,8 +746,7 @@ When choosing a `GroupExpandCollapseTemplate` as a DataTemplateSelector, you hav
x:Name="dataGrid"
GroupingMode="Multiple"
AllowGroupExpandCollapse="True"
- AutoGenerateColumnsMode="None"
- >
+ AutoGenerateColumnsMode="None">
@@ -653,7 +787,7 @@ public class ExpandCollapseTemplate : DataTemplateSelector
N>
* When using data template selector, performance issues occur as the conversion template views take time within the framework.
-## Customize the size of group icon
+#### Customize the size of group icon
The size of the group icon can be customized when the icon is loaded through `GroupExpandCollapseTemplate` by setting the `HeightRequest` and `WidthRequest`. To implement this, please refer the following code snippet:
@@ -666,8 +800,7 @@ The size of the group icon can be customized when the icon is loaded through `Gr
x:Name="dataGrid"
GroupingMode="Multiple"
AllowGroupExpandCollapse="True"
- AutoGenerateColumnsMode="None"
- >
+ AutoGenerateColumnsMode="None">
diff --git a/MAUI/DataGrid/record-template-view.md b/MAUI/DataGrid/record-template-view.md
index 992e9ebb8a..711a1fabd7 100644
--- a/MAUI/DataGrid/record-template-view.md
+++ b/MAUI/DataGrid/record-template-view.md
@@ -235,7 +235,7 @@ Definition
Auto
-Arranges template for the actual size as the {{'`RowTemplate`'| markdownify}} is measured.
+Arranges template for the actual size as the {{'RowTemplate'| markdownify}} is measured.
@@ -251,7 +251,7 @@ Arranges template for the specified height in {{'[TemplateViewDefinition.Height]
ViewportHeight
-Arranges template for the ViewPortHeight when the {{`RowTemplate`'| markdownify}} actual height is greater than ViewPortHeight.
+Arranges template for the ViewPortHeight when the {{'RowTemplate'| markdownify}} actual height is greater than ViewPortHeight.
diff --git a/MAUI/DataGrid/selection.md b/MAUI/DataGrid/selection.md
index 458d73a4c4..68c32e9a79 100644
--- a/MAUI/DataGrid/selection.md
+++ b/MAUI/DataGrid/selection.md
@@ -83,6 +83,9 @@ The Keyboard navigation through the cells and rows is determined based on the [N
Allows selection of a single row or cell only. However, upon tapping the row or cell again, the selection is cleared. Similar to single mode, upon selecting the next row or cell, the selection in the previous row or cell is cleared.
+
{{'[Extended]()'| markdownify }}
+
Allows selecting multiple rows or cells. You can select multiple rows or cells in the SfDataGrid by dragging the mouse or by using the key modifiers Ctrl and Shift.
+
## Disable selection for rows and columns
@@ -383,6 +386,127 @@ The selected rows will be deleted.
+## Multiple Row or Cell Selection
+
+The `SfDataGrid` allows you to select multiple rows or cells by setting the `SelectionMode` property to [Extended](). This enables selection of multiple rows or cells by dragging the mouse or by clicking while holding modifier keys such as Ctrl and Shift.
+
+{% tabs %}
+{% highlight xaml %}
+
+{% endhighlight %}
+
+{% highlight c# %}
+this.dataGrid.SelectionUnit = DataGridSelectionUnit.Cell;
+this.dataGrid.NavigationMode = DataGridNavigationMode.Cell;
+this.dataGrid.SelectionMode = DataGridSelectionMode.Extended;
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Shift and ctrl Key Combinations
+
+When the `SelectionMode` is set to [Extended](), you can select multiple rows or cells using the navigation keys together with the Shift key. Before navigation begins, the current cell is marked as the pressed (anchor) cell, and the selection includes all rows or cells between the pressed cell and the current cell.
+
+
+
+
+Key Combinations
+
+
+
+
+Shift + DownArrow
+
+
+
+
+Shift + UpArrow
+
+
+
+
+Shift + RightArrow
+
+
+
+
+Shift + LeftArrow
+
+
+
+
+Shift + Home
+
+
+
+
+Shift + End
+
+
+
+
+Shift + PageDown
+
+
+
+
+Shift + PageUp
+
+
+
+
+Shift + Ctrl + DownArrow
+
+
+
+
+Shift + Ctrl + UpArrow
+
+
+
+
+Shift + Ctrl + RightArrow
+
+
+
+
+Shift + Ctrl + LeftArrow
+
+
+
+
+Shift + Ctrl + Home
+
+
+
+
+Shift + Ctrl + End
+
+
+
+
+Shift + Ctrl + PageDown
+
+
+
+
+Shift + Ctrl + PageUp
+
+
+
+
+## Extended Selection Limitations
+
+The `Extended Selection` in [SfDataGrid](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.html) has certain limitations that should be considered while using this feature:
+
+- Drag selection using the mouse pointer is not supported on Android or iOS.
+- Drag selection cannot be used together with PullToRefresh, Swiping, or Row drag-and-drop features.
+
## Move Current Cell
The [CurrentCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_CurrentCell) can be moved to a particular [RowColumnIndex](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.GridCommon.ScrollAxis.RowColumnIndex.html) by using the [SfDataGrid.MoveCurrentCellTo()](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_MoveCurrentCellTo_Syncfusion_Maui_GridCommon_ScrollAxis_RowColumnIndex_System_Boolean_) method. This method is not applicable when the `SfDataGrid.SelectionMode` is None or the `NavigationMode` is Row.
diff --git a/MAUI/DatePicker/liquid-glass-effect.md b/MAUI/DatePicker/liquid-glass-effect.md
new file mode 100644
index 0000000000..142d619cdb
--- /dev/null
+++ b/MAUI/DatePicker/liquid-glass-effect.md
@@ -0,0 +1,145 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Date Picker | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Date Picker using SfGlassEffectsView.
+platform: MAUI
+control: SfDatePicker
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfDatePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DatePicker.SfDatePicker.html) supports a liquid glass appearance by hosting the control inside the Syncfusion [SfGlassEffectsView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when the date picker is placed over images or colorful layouts.
+
+Additionally, when the date picker is shown in [Dialog]() mode, you can apply the glass effect to the pop-up by enabling the [EnableLiquidGlassEffect]() property on the SfDatePicker.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView).
+- Add the [Syncfusion.Maui.Picker](https://www.nuget.org/packages/Syncfusion.Maui.Picker/) package (for SfDatePicker).
+
+## Apply Liquid Glass Effect to SfDatePicker
+
+Wrap the [SfDatePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Picker.SfDatePicker.html) inside an [SfGlassEffectsView]() to give the picker surface a glass (blurred or clear) appearance.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var glassView = new SfGlassEffectsView
+{
+ CornerRadius = 20,
+ Padding = new Thickness(12),
+ EffectType = LiquidGlassEffectType.Regular,
+ EnableShadowEffect = true
+};
+
+var datePicker = new SfDatePicker();
+
+glassView.Content = datePicker;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* Use EffectType="Regular" for a blurrier look and "Clear" for a glassy look.
+
+## Enable Glass Effect in Dialog Mode
+
+When the date picker displays its dialog surface, enable the liquid glass effect by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var datePicker = new SfDatePicker
+{
+ // Applies acrylic/glass effect to the dialog surface
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* The dialog gains the glass effect only when [EnableLiquidGlassEffect]() is true.
+
+## Key Properties
+
+- [EffectType](): Choose between Regular (blurry) and Clear (glassy) effects.
+- [EnableShadowEffect](): Enables a soft shadow around the acrylic container.
+- [CornerRadius](): Rounds the corners of the acrylic container.
+- Padding/Height/Width: Adjust layout around the embedded date picker.
+- [EnableLiquidGlassEffect]() (dialog): Enables the glass effect for the date picker’s dialog surface.
+
+## Best Practices and Tips
+
+- Hosting the date picker inside [SfGlassEffectsView]() gives the picker body an acrylic look.
+- The dialog surface applies the glass effect only when [EnableLiquidGlassEffect]() is true.
+- For the most noticeable effect, place the control over images or vibrant backgrounds.
+
+The following screenshot illustrates [SfDatePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Picker.SfDatePicker.html) hosted within an acrylic container, and the dialog surface using the glass effect.
diff --git a/MAUI/DateTime-Range-Selector/LiquidGlassSupport.md b/MAUI/DateTime-Range-Selector/LiquidGlassSupport.md
new file mode 100644
index 0000000000..6fedd1703d
--- /dev/null
+++ b/MAUI/DateTime-Range-Selector/LiquidGlassSupport.md
@@ -0,0 +1,71 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI DateTimeRangeSelector | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI DateTimeRangeSelector (SfDateTimeRangeSelector) control and more.
+platform: MAUI
+control: SfDateTimeRangeSelector
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI DateTime Range Selector
+
+The [SfDateTimeRangeSelector](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSelector.html) provides `liquid glass` effect for its thumbs when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumbs render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="20" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="8" %}
+
+using Syncfusion.Maui.Sliders;
+
+SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
+{
+ Minimum = new DateTime(2010, 01, 01),
+ Maximum = new DateTime(2018, 01, 01),
+ RangeStart = new DateTime(2012, 01, 01),
+ RangeEnd = new DateTime(2016, 01, 01),
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfRangeSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/DateTime-Range-Selector/images/getting-started/rangeslider_liquidglass.gif b/MAUI/DateTime-Range-Selector/images/getting-started/rangeslider_liquidglass.gif
new file mode 100644
index 0000000000..4fbdc3c55d
Binary files /dev/null and b/MAUI/DateTime-Range-Selector/images/getting-started/rangeslider_liquidglass.gif differ
diff --git a/MAUI/DateTime-Range-Slider/LiquidGlassSupport.md b/MAUI/DateTime-Range-Slider/LiquidGlassSupport.md
new file mode 100644
index 0000000000..baa4060949
--- /dev/null
+++ b/MAUI/DateTime-Range-Slider/LiquidGlassSupport.md
@@ -0,0 +1,71 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI DateTimeRangeSlider | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI DateTimeRangeSlider (SfDateTimeRangeSlider) control and more.
+platform: MAUI
+control: SfDateTimeRangeSlider
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI DateTime Range Slider
+
+The [SfDateTimeRangeSlider](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeRangeSlider.html) provides `liquid glass` effect for its thumbs when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumbs render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="20" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="9" %}
+
+using Syncfusion.Maui.Sliders;
+
+SfDateTimeRangeSlider dateTimeRangeSlider = new SfDateTimeRangeSlider
+{
+ Minimun = new DateTime(2010, 01, 01),
+ Maximum = new DateTime(2018, 01, 01),
+ RangeStart = new DateTime(2012, 01, 01),
+ RangeEnd = new DateTime(2016, 01, 01),
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfRangeSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/DateTime-Range-Slider/images/getting-started/rangeslider_liquidglass.gif b/MAUI/DateTime-Range-Slider/images/getting-started/rangeslider_liquidglass.gif
new file mode 100644
index 0000000000..4fbdc3c55d
Binary files /dev/null and b/MAUI/DateTime-Range-Slider/images/getting-started/rangeslider_liquidglass.gif differ
diff --git a/MAUI/DateTime-Slider/LiquidGlassSupport.md b/MAUI/DateTime-Slider/LiquidGlassSupport.md
new file mode 100644
index 0000000000..ffa5e3f001
--- /dev/null
+++ b/MAUI/DateTime-Slider/LiquidGlassSupport.md
@@ -0,0 +1,67 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI DateTimeSlider | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI DateTimeSlider (SfDateTimeSlider) control and more.
+platform: MAUI
+control: SfDateTimeSlider
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI DateTime Slider
+
+The [SfDateTimeSlider](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfDateTimeSlider.html) provides `liquid glass` effect for its thumb when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumb render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="18" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="7" %}
+
+using Syncfusion.Maui.Sliders;
+
+SfDateTimeSlider dateTimeSlider = new SfDateTimeSlider
+{
+ Minimun = new DateTime(2010, 01, 01),
+ Maximum = new DateTime(2018, 01, 01),
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfDateTimeSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/DateTime-Slider/images/getting-started/slider_liquidglass.gif b/MAUI/DateTime-Slider/images/getting-started/slider_liquidglass.gif
new file mode 100644
index 0000000000..c99dea84da
Binary files /dev/null and b/MAUI/DateTime-Slider/images/getting-started/slider_liquidglass.gif differ
diff --git a/MAUI/DateTimePicker/liquid-glass-effect.md b/MAUI/DateTimePicker/liquid-glass-effect.md
new file mode 100644
index 0000000000..4952f03a12
--- /dev/null
+++ b/MAUI/DateTimePicker/liquid-glass-effect.md
@@ -0,0 +1,145 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Date Time Picker | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Date Time Picker using SfGlassEffectsView.
+platform: MAUI
+control: SfDateTimePicker
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfDateTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DateTimePicker.SfDateTimePicker.html) supports a liquid glass appearance by hosting the control inside the Syncfusion [SfGlassEffectsView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when the date-time picker is placed over images or colorful layouts.
+
+Additionally, when the datetime picker is shown in [Dialog]() mode, you can apply the glass effect to the pop-up by enabling the [EnableLiquidGlassEffect]() property on the SfDateTimePicker.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView).
+- Add the [Syncfusion.Maui.Picker](https://www.nuget.org/packages/Syncfusion.Maui.Picker/) package (for SfDateTimePicker).
+
+## Apply Liquid Glass Effect to SfDateTimePicker
+
+Wrap the [SfDateTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DateTimePicker.SfDateTimePicker.html) inside an [SfGlassEffectsView]() to give the picker surface a glass (blurred or clear) appearance.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var glassView = new SfGlassEffectsView
+{
+ CornerRadius = 20,
+ Padding = new Thickness(12),
+ EffectType = LiquidGlassEffectType.Regular,
+ EnableShadowEffect = true
+};
+
+var dateTimePicker = new SfDateTimePicker();
+
+glassView.Content = dateTimePicker;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* Use EffectType="Regular" for a blurrier look and "Clear" for a glassy look.
+
+## Enable Glass Effect in Dialog Mode
+
+When the [SfDateTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DateTimePicker.SfDateTimePicker.html) displays its dialog surface, enable the liquid glass effect by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var dateTimePicker = new SfDateTimePicker
+{
+ // Applies acrylic/glass effect to the dialog surface
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* The dialog gains the glass effect only when EnableLiquidGlassEffect is true.
+
+## Key Properties
+
+- [EffectType](): Choose between Regular (blurry) and Clear (glassy) effects.
+- [EnableShadowEffect](): Enables a soft shadow around the acrylic container.
+- [CornerRadius](): Rounds the corners of the acrylic container.
+- Padding/Height/Width: Adjust layout around the embedded date-time picker.
+- [EnableLiquidGlassEffect]() (dialog): Enables the glass effect for the date-time picker’s dialog surface.
+
+## Best Practices and Tips
+
+- Hosting the date-time picker inside [SfGlassEffectsView]() gives the picker body an acrylic look.
+- The dialog surface applies the glass effect only when [EnableLiquidGlassEffect]() is true.
+- For the most noticeable effect, place the control over images or vibrant backgrounds.
+
+The following screenshot illustrates [SfDateTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DateTimePicker.SfDateTimePicker.html) hosted within an acrylic container, and the dialog surface using the glass effect.
diff --git a/MAUI/Funnel-Charts/Cupertino-Theme.md b/MAUI/Funnel-Charts/Cupertino-Theme.md
new file mode 100644
index 0000000000..b206f4a199
--- /dev/null
+++ b/MAUI/Funnel-Charts/Cupertino-Theme.md
@@ -0,0 +1,76 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Funnel Chart control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfFunnelChart) for stunning UI..
+platform: maui
+control: SfFunnelChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino funnel tooltip maui, .net maui chart visualization.
+---
+
+# Cupertino Theme in .NET MAUI Funnel Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfFunnelChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfFunnelChart chart = new SfFunnelChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfFunnelChart.html#Syncfusion_Maui_Charts_SfFunnelChart_EnableTooltip) property of SfFunnelChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+. . .
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfFunnelChart chart = new SfFunnelChart();
+chart.EnableLiquidGlassEffect = true;
+chart.EnableTooltip = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfFunnelChart.html#Syncfusion_Maui_Charts_SfFunnelChart_TooltipTemplate), set the background to transparent to display the liquid glass effect.
\ No newline at end of file
diff --git a/MAUI/Funnel-Charts/Legend-images/floating_legend.png b/MAUI/Funnel-Charts/Legend-images/floating_legend.png
new file mode 100644
index 0000000000..12a7393b82
Binary files /dev/null and b/MAUI/Funnel-Charts/Legend-images/floating_legend.png differ
diff --git a/MAUI/Funnel-Charts/Legend.md b/MAUI/Funnel-Charts/Legend.md
index ec9213571a..fee7a94891 100644
--- a/MAUI/Funnel-Charts/Legend.md
+++ b/MAUI/Funnel-Charts/Legend.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Legend in .NET MAUI Chart control | Syncfusion
+title: Legend in .NET MAUI Funnel Chart control | Syncfusion
description: This section explains about how to initialize legend and its customization in Syncfusion® .NET MAUI Chart (SfFunnelChart) control.
platform: maui
control: SfFunnelChart
@@ -209,6 +209,55 @@ this.Content = chart;
{% endtabs %}
+## Floating legend
+
+The floating legend feature allows you to position the legend inside the chart area based on its defined placement. When [IsFloating]() is set to true, the legend will start from the specified [Placement](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_Placement) (such as Top, Bottom, Left, or Right) and then move according to the offset values, enabling precise control over the legend’s location.
+
+* [OffsetX](): Specifies the horizontal distance from the defined placement position.
+* [OffsetY](): Specifies the vertical distance from the defined placement position.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfFunnelChart chart = new SfFunnelChart()
+{
+ XBindingPath = "XValue",
+ YBindingPath = "YValue",
+ ItemsSource = new ViewModel().Data,
+};
+
+chart.Legend = new ChartLegend()
+{
+ Placement = LegendPlacement.Top
+ IsFloating = true
+ OffsetX = -170;
+ OffsetY = 30;
+};
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
## Toggle the series visibility
The visibility of segments in the funnel chart can be controlled by tapping the legend item using the [ToggleSeriesVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_ToggleSeriesVisibility) property. The default value of ToggleSeriesVisibility is `false`.
diff --git a/MAUI/Funnel-Charts/Orientation.md b/MAUI/Funnel-Charts/Orientation.md
new file mode 100644
index 0000000000..307eb03cba
--- /dev/null
+++ b/MAUI/Funnel-Charts/Orientation.md
@@ -0,0 +1,34 @@
+---
+layout: post
+title: Orientation in .NET MAUI Funnel Chart control (Syncfusion)
+description: Learn how to change the rendering direction of segments in .NET MAUI Funnel Chart (SfFunnelChart) using the Orientation property.
+control: SfFunnelChart
+documentation: ug
+---
+
+# Orientation in .NET MAUI Funnel Chart
+
+The rendering direction of the funnel chart can be changed using the [Orientation]() property. The default value of this property is Vertical, which arranges segments from bottom to top, and it can be set to Horizontal to render segments from right to left.
+
+{% tabs %}
+
+{% highlight xml %}
+
+
+. . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfFunnelChart chart = new SfFunnelChart();
+. . .
+chart.Orientation = Horizontal;
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/Funnel-Charts/Orientation_images/MAUI_orientation_chart.png b/MAUI/Funnel-Charts/Orientation_images/MAUI_orientation_chart.png
new file mode 100644
index 0000000000..bef3c6f624
Binary files /dev/null and b/MAUI/Funnel-Charts/Orientation_images/MAUI_orientation_chart.png differ
diff --git a/MAUI/ImageEditor/liquid-glass-effect.md b/MAUI/ImageEditor/liquid-glass-effect.md
new file mode 100644
index 0000000000..f0f691f1cb
--- /dev/null
+++ b/MAUI/ImageEditor/liquid-glass-effect.md
@@ -0,0 +1,93 @@
+---
+layout: post
+title: Liquid Glass Effect for .NET MAUI Image Editor | Syncfusion®
+description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI Image Editor (SfImageEditor) control.
+platform: MAUI
+control: SfImageEditor
+documentation: ug
+---
+
+# Liquid Glass Effect in .NET MAUI Image Editor (SfImageEditor)
+
+The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI Image Editor (SfImageEditor) control.
+
+## Apply liquid glass effect
+
+Follow these steps to enable and configure the Liquid Glass Effect in the Image Editor control:
+
+### Step 1: Wrap the control inside glass effect view
+
+To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `ImageEditor` control, wrap the control inside the `SfGlassEffectView` class.
+
+For more details, refer to the `Liquid Glass Getting Started documentation`.
+
+### Step 2: Enable the liquid glass effect on Image Editor
+
+Set the `EnableLiquidGlassEffect` property to `true` in the `SfImageEditor` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to its dependent controls and provides responsive interaction for a smooth and engaging user experience.
+
+### Step 3: Customize the background
+
+To achieve a glass like background in the Image Editor and its Toolbar control, set the `Background` property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
+
+The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfImageEditor` control:
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="14 16 20" %}
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="21 22 23 24 25 30" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.ImageEditor;
+
+var grid = new Grid
+{
+ BackgroundColor = Colors.Transparent
+};
+
+var glassView = new SfGlassEffectView
+{
+ CornerRadius = 20,
+ EffectType = LiquidGlassEffectType.Regular
+};
+
+var imageEditor = new SfImageEditor
+{
+ Background = Colors.Transparent,
+ EnableLiquidGlassEffect = true,
+ SelectionStroke = Color.FromArgb("#AE97FF"),
+ Source = ImageSource.FromFile("editorimage.png"),
+ EnableLiquidGlassEffect = true,
+ ToolbarSettings = new ImageEditorToolbarSettings
+ {
+ Background = Colors.Transparent,
+ Stroke = Colors.Transparent
+ }
+};
+
+glassView.Content = this.imageEditor;
+grid.Children.Add(glassView);
+this.Content = grid;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
\ No newline at end of file
diff --git a/MAUI/ImageEditor/save.md b/MAUI/ImageEditor/save.md
index 8344991b09..770daf1801 100644
--- a/MAUI/ImageEditor/save.md
+++ b/MAUI/ImageEditor/save.md
@@ -9,11 +9,11 @@ documentation: ug
# Save image using .NET MAUI Image Editor (SfImageEditor)
-The Image Editor control in .NET MAUI allows you to save the edited image as PNG, JPEG, and BMP.
+The Image Editor control in .NET MAUI allows you to save the edited image as PNG, JPG, JPEG, and BMP.
## Save method
-To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.SfImageEditor.html#Syncfusion_Maui_ImageEditor_SfImageEditor_Save_System_Nullable_Syncfusion_Maui_ImageEditor_ImageFileType__System_String_System_String_System_Nullable_Microsoft_Maui_Graphics_Size__) method, which accepts parameters such as file name, file type, file path, and image size. The supported file types for saving are [`PNG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Png), [`JPEG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Jpeg) and `BMP`. You can save the image by clicking Save on the toolbar.
+To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.SfImageEditor.html#Syncfusion_Maui_ImageEditor_SfImageEditor_Save_System_Nullable_Syncfusion_Maui_ImageEditor_ImageFileType__System_String_System_String_System_Nullable_Microsoft_Maui_Graphics_Size__) method, which accepts parameters such as file name, file type, file path, and image size. The supported file types for saving are [`PNG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Png), `JPG`, [`JPEG`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ImageEditor.ImageFileType.html#Syncfusion_Maui_ImageEditor_ImageFileType_Jpeg) and `BMP`. You can save the image by clicking Save on the toolbar.
{% tabs %}
{% highlight xaml tabtitle="MainPage.xaml" %}
@@ -37,6 +37,8 @@ To save the modified image, use the [`Save`](https://help.syncfusion.com/cr/maui
{% endhighlight %}
{% endtabs %}
+N> `JPG` format is supported only on `Android` and `Windows`, not on `macOS` or `iOS`.
+
The saved image will be added to the device for each platform in the following locations:
#### Windows, MacCatalyst and iOS
diff --git a/MAUI/Kanban-Board/Events.md b/MAUI/Kanban-Board/Events.md
index 9ecb297b6f..b60c84480f 100644
--- a/MAUI/Kanban-Board/Events.md
+++ b/MAUI/Kanban-Board/Events.md
@@ -146,7 +146,111 @@ public class KanbanViewModel
* [`Cancel`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragStartEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragStartEventArgs_Cancel) - Used to cancel the drag action.
* [`Data`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_Data) - Used to get the underlying model of the card.
* [`SourceColumn`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceColumn) - Used to get the source column of card.
-* [`SourceIndex`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceIndex) - Used to get the index of the card in source column.
+* [`SourceIndex`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanDragEventArgs.html#Syncfusion_Maui_Kanban_KanbanDragEventArgs_SourceIndex) - Used to get the index of the card in source column.
+* `KeepCard` - Determines whether the original card remains in the source column during a drag operation. When set to `true`, the card stays in its original column while being dragged, allowing repeated drag-and-drop actions without relocating the card. A preview of the card is generated during the drag.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2 6" %}
+
+this.kanban.ItemsSource = new ViewModel().TaskDetails;
+this.kanban.DragStart += OnKanbanCardDragStart;
+
+private void OnKanbanCardDragStart(object sender, KanbanDragStartEventArgs e)
+{
+ e.KeepCard = true;
+}
+
+{% endhighlight %}
+{% highlight c# tabtitle="ViewModel.cs" %}
+
+public class ViewModel
+{
+ #region Properties
+
+ ///
+ /// Gets or sets the collection of objects representing tasks in various stages.
+ ///
+ public ObservableCollection TaskDetails { get; set; }
+
+ #endregion
+
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public ViewModel()
+ {
+ this.TaskDetails = this.GetTaskDetails();
+ }
+
+ #endregion
+
+ #region Private methods
+
+ ///
+ /// Method to get the kanban model collections.
+ ///
+ /// The kanban model collections.
+ private ObservableCollection GetTaskDetails()
+ {
+ var taskDetails = new ObservableCollection();
+
+ KanbanModel taskDetail = new KanbanModel();
+ taskDetail.Title = "UWP Issue";
+ taskDetail.ID = 7;
+ taskDetail.Description = "Crosshair label template not visible in UWP";
+ taskDetail.Category = "Open";
+ taskDetail.IndicatorFill = Colors.Blue;
+ taskDetail.Tags = new List() { "Bug Fixing" };
+ taskDetails.Add(taskDetail);
+
+ taskDetail = new KanbanModel();
+ taskDetail.Title = "WinUI Issue";
+ taskDetail.ID = 8;
+ taskDetail.Description = "AxisLabel cropped when rotating the axis label";
+ taskDetail.Category = "Open";
+ taskDetail.IndicatorFill = Colors.Pink;
+ taskDetail.Tags = new List() { "Bug Fixing" };
+ taskDetails.Add(taskDetail);
+
+ taskDetail = new KanbanModel();
+ taskDetail.Title = "Kanban Feature";
+ taskDetail.ID = 9;
+ taskDetail.Description = "Provide drag and drop support";
+ taskDetail.Category = "In Progress";
+ taskDetail.IndicatorFill = Colors.Yellow;
+ taskDetail.Tags = new List() { "New control" };
+ taskDetails.Add(taskDetail);
+
+ taskDetail = new KanbanModel();
+ taskDetail.Title = "New Feature";
+ taskDetail.ID = 10;
+ taskDetail.Description = "Dragging events support for Kanban";
+ taskDetail.Category = "Closed";
+ taskDetail.IndicatorFill = Colors.Orange;
+ taskDetail.Tags = new List() { "New Control" };
+ taskDetails.Add(taskDetail);
+
+ return taskDetails;
+ }
+
+ #endregion
+}
+
+{% endhighlight %}
+{% endtabs %}
## DragEnd
diff --git a/MAUI/Kanban-Board/liquid-glass-effect.md b/MAUI/Kanban-Board/liquid-glass-effect.md
new file mode 100644
index 0000000000..35105dcf55
--- /dev/null
+++ b/MAUI/Kanban-Board/liquid-glass-effect.md
@@ -0,0 +1,283 @@
+---
+layout: post
+title: Liquid Glass Effect for .NET MAUI Kanban control | Syncfusion®
+description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI Kanban Board (SfKanban) control.
+platform: MAUI
+control: Kanban (SfKanban)
+documentation: ug
+---
+
+# Liquid Glass Effect in .NET MAUI Kanban Board (SfKanban)
+
+The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI Kanban Board (SfKanban) control.
+
+## Apply liquid glass effect
+
+Follow these steps to enable and configure the Liquid Glass Effect in the Kanban control:
+
+### Step 1: Wrap the control inside glass effect view
+
+To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `Kanban` control, wrap the control inside the `SfGlassEffectView` class.
+
+For more details, refer to the `Liquid Glass Getting Started documentation`.
+
+### Step 2: Enable the liquid glass effect on Kanban
+
+Set the `EnableLiquidGlassEffect` property to `true` in the `SfKanban` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to its child elements and provides responsive interaction for a smooth and engaging user experience.
+
+### Step 3: Customize the background
+
+To achieve a glass like background in the Kanban control, set its `Background` property to `Transparent` and apply theme keys with transparent values to enable the liquid glass effect for kanban child elements. This ensures a consistent look and feel across your application.
+
+The following code snippet demonstrates how to apply the Liquid Glass Effect to the `Kanban` control:
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="8" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="8 22 23 24 25 26" %}
+
+using Syncfusion.Maui.Kanban;
+using Syncfusion.Maui.Core;
+
+var kanban = new SfKanban
+{
+ Background = Colors.Transparent,
+ AutoGenerateColumns = false,
+ EnableLiquidGlassEffect = true,
+ BindingContext = new KanbanViewModel()
+};
+
+kanban.Columns.Add(new KanbanColumn { Title = "To Do", Categories = new List { "Open" } });
+kanban.Columns.Add(new KanbanColumn { Title = "In Progress", Categories = new List { "In Progress" } });
+kanban.Columns.Add(new KanbanColumn { Title = "Code Review", Categories = new List { "Code Review" } });
+kanban.Columns.Add(new KanbanColumn { Title = "Done", Categories = new List { "Done" } });
+
+var grid = new Grid
+{
+ BackgroundColor = Colors.Transparent
+};
+
+var glassView = new SfGlassEffectView
+{
+ CornerRadius = 7,
+ EffectType = LiquidGlassEffectType.Clear
+};
+
+glassView.Content = this.kanban;
+grid.Children.Add(glassView);
+this.Content = grid;
+
+{% endhighlight %}
+{% highlight C# tabtitle="KanbanViewModel.cs" %}
+
+public class KanbanViewModel
+{
+ #region Constructor
+
+ ///
+ /// Initializes a new instance of the class.
+ ///
+ public KanbanViewModel()
+ {
+ this.Cards = this.GetCardDetails();
+ }
+
+ #endregion
+
+ #region Properties
+
+ ///
+ /// Gets or sets the collection of objects representing cards in various stages.
+ ///
+ public ObservableCollection Cards { get; set; }
+
+ #endregion
+
+ #region Private methods
+
+ ///
+ /// Method to get the collection of predefined Kanban task cards.
+ ///
+ /// The collection of instances.
+ private ObservableCollection GetCardDetails()
+ {
+ var cardsDetails = new ObservableCollection();
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 1,
+ Title = "iOS - 1",
+ Category = "Open",
+ Description = "Analyze customer requirements.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Bug", "Customer", "Release Bug" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 6,
+ Title = "Xamarin - 6",
+ Category = "Open",
+ Description = "Show the retrieved data from the server in Grid control.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Bug", "Customer", "Breaking Issue" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 3,
+ Title = "iOS - 3",
+ Category = "Postponed",
+ Description = "Fix the filtering issues reported in Safari.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Bug", "Customer", "Breaking Issue" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 11,
+ Title = "iOS - 21",
+ Category = "Postponed",
+ Description = "Add input validation for editing.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Bug", "Customer", "Breaking Issue" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 15,
+ Title = "Android - 15",
+ Category = "Open",
+ Description = "Arrange web meetings for customers.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Story", "Kanban" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 3,
+ Title = "Android - 3",
+ Category = "Code Review",
+ Description = "API Improvements.",
+ IndicatorFill = Colors.Purple,
+ Tags = new List { "Bug", "Customer" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 4,
+ Title = "UWP - 4",
+ Category = "Code Review",
+ Description = "Enhance editing functionality.",
+ IndicatorFill = Colors.Brown,
+ Tags = new List { "Story", "Kanban" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 9,
+ Title = "Xamarin - 9",
+ Category = "Code Review",
+ Description = "Improve application's performance.",
+ IndicatorFill = Colors.Orange,
+ Tags = new List { "Story", "Kanban" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 13,
+ Title = "UWP - 13",
+ Category = "In Progress",
+ Description = "Add responsive support to applications.",
+ IndicatorFill = Colors.Brown,
+ Tags = new List { "Story", "Kanban" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 24,
+ Title = "UWP - 24",
+ Category = "In Progress",
+ Description = "Test editing functionality.",
+ IndicatorFill = Colors.Orange,
+ Tags = new List { "Feature", "Customer", "Release" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 20,
+ Title = "iOS - 20",
+ Category = "In Progress",
+ Description = "Fix the issues reported in data binding.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Feature", "Release" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 13,
+ Title = "UWP - 13",
+ Category = "Closed",
+ Description = "Fix cannot open user's default database SQL error.",
+ IndicatorFill = Colors.Purple,
+ Tags = new List { "Bug", "Internal", "Release" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 14,
+ Title = "Android - 14",
+ Category = "Closed",
+ Description = "Arrange a web meeting with the customer to get the login page requirement.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Feature" }
+ });
+
+ cardsDetails.Add(new KanbanModel()
+ {
+ ID = 15,
+ Title = "Xamarin - 15",
+ Category = "Closed",
+ Description = "Login page validation.",
+ IndicatorFill = Colors.Red,
+ Tags = new List { "Bug" }
+ });
+
+ return cardsDetails;
+ }
+
+ #endregion
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
\ No newline at end of file
diff --git a/MAUI/Liquid-Glass-UI/Images/Overview/overview-liquid-glass-ui-in-.net-maui.webp b/MAUI/Liquid-Glass-UI/Images/Overview/overview-liquid-glass-ui-in-.net-maui.webp
new file mode 100644
index 0000000000..25c213301a
Binary files /dev/null and b/MAUI/Liquid-Glass-UI/Images/Overview/overview-liquid-glass-ui-in-.net-maui.webp differ
diff --git a/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-background-in-.net-maui.png b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-background-in-.net-maui.png
new file mode 100644
index 0000000000..8e00a5b0ee
Binary files /dev/null and b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-background-in-.net-maui.png differ
diff --git a/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-clear-effect-type-in-.net-maui.png b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-clear-effect-type-in-.net-maui.png
new file mode 100644
index 0000000000..cab7dcdead
Binary files /dev/null and b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-clear-effect-type-in-.net-maui.png differ
diff --git a/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-corner-radius-in-.net-maui.png b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-corner-radius-in-.net-maui.png
new file mode 100644
index 0000000000..45cecbccca
Binary files /dev/null and b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-corner-radius-in-.net-maui.png differ
diff --git a/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-shadow-in-.net-maui.png b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-shadow-in-.net-maui.png
new file mode 100644
index 0000000000..c60db6dc24
Binary files /dev/null and b/MAUI/Liquid-Glass-UI/Images/getting-started/liquid-glass-ui-with-shadow-in-.net-maui.png differ
diff --git a/MAUI/Liquid-Glass-UI/Overview.md b/MAUI/Liquid-Glass-UI/Overview.md
new file mode 100644
index 0000000000..e29524d63b
--- /dev/null
+++ b/MAUI/Liquid-Glass-UI/Overview.md
@@ -0,0 +1,21 @@
+---
+layout: post
+title: Overview of Liquid Glass Effect UI in Syncfusion® MAUI Controls
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI controls for stunning UI.
+platform: MAUI
+control: General
+documentation: UG
+---
+
+# Liquid Glass UI for .NET MAUI Overview
+
+Syncfusion® provides support for the Liquid Glass visual effect across all .NET MAUI controls. This feature introduces a modern UI design with a visually appealing, translucent, glass-like appearance. It applies blurred backgrounds, adaptive color tinting, and light refraction to enhance the overall look and feel of your applications while maintaining readability and accessibility across platforms.
+
+
+
+## Key Features
+
+* **Adaptive Blur & Reflection:** Applies background blur and reflects light for a glassy look.
+* **Edge Depth Effect:** Adds a subtle lens effect along edges for depth.
+* **Interaction:** Reacts to touch and hover instantly.
+* **Smooth Motion:** Provides fluid animations and seamless transitions.
\ No newline at end of file
diff --git a/MAUI/Liquid-Glass-UI/getting-started.md b/MAUI/Liquid-Glass-UI/getting-started.md
new file mode 100644
index 0000000000..941ce38399
--- /dev/null
+++ b/MAUI/Liquid-Glass-UI/getting-started.md
@@ -0,0 +1,367 @@
+---
+layout: post
+title: Getting Started with Liquid Glass UI in Syncfusion® .NET MAUI Controls
+description: Getting started with the Liquid Glass Effect UI in Syncfusion® .NET MAUI controls and learn how to enable and customize it.
+platform: MAUI
+control: General
+documentation: UG
+---
+
+# Getting Started with Liquid Glass for Modern UI
+
+This section explains how to enable and customize the Liquid Glass Effect in Syncfusion® .NET MAUI controls. For detailed information on specific Syncfusion® controls and their usage, refer to the respective Getting Started documentation. Ensure the control is properly configured and functioning before applying the Liquid Glass Effect.
+
+N> This feature is supported only on `.NET 10`
+
+## Supported Platforms
+
+* macOS 26 or higher
+* iOS 26 or higher
+
+## Liquid Glass Effect
+
+The Liquid Glass Effect provides a modern, translucent design with background blur and depth effects, enhancing the visual appearance of your UI without requiring major code changes. To apply the Liquid Glass Effect to any Syncfusion® .NET MAUI control or custom view (such as a DataTemplate), wrap the control inside the `SfGlassEffectView` class.
+
+This view acts as a visual container that adds blur, translucency, and light refraction to its content, creating a realistic glass-like appearance. In this section, we will demonstrate how to use `SfGlassEffectView` with Syncfusion® controls to achieve a visually appealing glass effect.
+
+The `SfGlassEffectView` class is available in [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core) and provides the following properties:
+
+### Effect types
+
+The `EffectType` property specifies the type of glass effect to apply:
+
+* **Regular:** Creates a blurred, frosted glass appearance.
+* **Clear:** Creates a transparent, glass-like appearance.
+
+{% tabs %}
+{% highlight XAML hl_lines="18" %}
+
+...
+xmlns:core="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
+xmlns:button="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.Buttons"
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Corner radius
+
+Defines the corner radius for the view, enabling customization of its shape such as rounded rectangles or capsules.
+
+{% tabs %}
+{% highlight XAML hl_lines="14" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Enable shadow effect
+
+Adds a soft shadow to the content within the glass view, creating depth and a more realistic appearance.
+
+{% tabs %}
+{% highlight XAML hl_lines="15" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Set background color
+
+Applies a background tint color to the glass view, to enhance modern UI styling and improve readability.
+
+{% tabs %}
+{% highlight XAML hl_lines="15" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Interactive Glass Effect
+
+Enable glass effect that respond to user interactions with clear transparency and dynamic lighting for an engaging UI. To enable this feature, set the `EnableLiquidGlassEffect` property to `true` on the Syncfusion® `SfSwitch` control. This activates interaction-based visual effects.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+## Controls list
+
+For control specific usage of the Liquid Glass Effect on individual Syncfusion® controls, including availability, and configuration details, please refer to the respective controls' documentation.
+
+N> View sample in GitHub.
\ No newline at end of file
diff --git a/MAUI/ListView/selection.md b/MAUI/ListView/selection.md
index 3097aed582..a8c4e4f2d6 100644
--- a/MAUI/ListView/selection.md
+++ b/MAUI/ListView/selection.md
@@ -19,6 +19,7 @@ The [.NET MAUI ListView](https://www.syncfusion.com/maui-controls/maui-listview)
* [Single](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Single): Allows selecting single item only. When clicking the selected item, selection will not be cleared. This is the default value for `SelectionMode`.
* [SingleDeselect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_SingleDeselect): Allows selecting single item only. When clicking the selected item, selection gets cleared.
* [Multiple](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Multiple): Allows selecting more than one item. Selection is not cleared when selecting more than one items. When clicking the selected item, selection gets cleared.
+ * [Extended](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SelectionMode.html#Syncfusion_Maui_ListView_SelectionMode_Extended): Allows selecting multiple items with advanced keyboard and mouse interactions. Use Shift to select ranges and use Ctrl on Windows or Command on macOS to toggle items. Available only on Windows and macOS.
The `SfListView` allows selecting items on different gestures such as tap, double tap, and hold by setting the [SfListView.SelectionGesture](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SfListView.html#Syncfusion_Maui_ListView_SfListView_SelectionGesture). The default value for the `SelectionGesture` is [TouchGesture.Tap](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.TouchGesture.html#Syncfusion_Maui_ListView_TouchGesture_Tap).
diff --git a/MAUI/Masked-Entry/Basic-Features.md b/MAUI/Masked-Entry/Basic-Features.md
index a75a3748d9..6526971d51 100644
--- a/MAUI/Masked-Entry/Basic-Features.md
+++ b/MAUI/Masked-Entry/Basic-Features.md
@@ -485,4 +485,14 @@ public class CommandDemoViewModel
}
{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+## Automation ID
+
+The [SfMaskedEntry](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfMaskedEntry.html) control provides `AutomationId` support specifically for the `editable entry` and the `clear button`, enabling UI automation frameworks to reliably target these two elements. Each element’s AutomationId is derived from the control’s AutomationId to ensure uniqueness.
+
+For example, if the SfMaskedEntry’s `AutomationId` is set to “Employee MaskedEntry,” the editable entry can be targeted as “Employee MaskedEntry Entry” and the clear button as “Employee MaskedEntry Clear Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements.
+
+The following screenshot illustrates the AutomationIds of inner elements.
+
+
\ No newline at end of file
diff --git a/MAUI/Masked-Entry/LiquidGlassSupport.md b/MAUI/Masked-Entry/LiquidGlassSupport.md
new file mode 100644
index 0000000000..fdcb6a5368
--- /dev/null
+++ b/MAUI/Masked-Entry/LiquidGlassSupport.md
@@ -0,0 +1,87 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Masked entry | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI MaskedEntry (SfMaskedEntry) control and more.
+platform: MAUI
+control: SfMaskedEntry
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI MaskedEntry
+
+The [SfMaskedEntry](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfMaskedEntry.html) supports a `liquid glass` appearance by hosting the control inside the Syncfusion [SfGlassEffectView](). The acrylic view creates a blurred, translucent background that blends with the content behind it, producing a frosted `glass effect` around the entry. You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when SfMaskedEntry is placed over images or colorful layouts.
+
+## Availability
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on mac or iOS 26 or greater.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the Syncfusion.Maui.Core package (for SfGlassEffectView) and Syncfusion.Maui.Inputs (for SfMaskedEntry).
+
+XAML example Wrap the `SfMaskedEntry` in an `SfGlassEffectView` and adjust visual properties to achieve the desired glass effect.
+
+{% tabs %}
+{% highlight xaml hl_lines="20" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="8" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Inputs;
+
+var glassEffect = new SfGlassEffectView
+{
+ CornerRadius=20,
+ HeightRequest=40,
+ EffectType=LiquidGlassEffectType.Regular,
+ EnableShadowEffect=true
+};
+
+var maskedEntry = new SfMaskedEntry
+{
+ WidthRequest = 200,
+ ClearButtonVisibility = ClearButtonVisibility.WhileEditing,
+ MaskType = MaskedEntryMaskType.RegEx,
+ Background=Colors.Transparent,
+ Mask = "[A-Za-z0-9._%-]+@[A-Za-z0-9]+.[A-Za-z]{2,3}"
+};
+
+glassEffect.Content = maskedEntry;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+The following screenshot illustrates SfMaskedEntry within an acrylic container using the glass effect.
+
+
\ No newline at end of file
diff --git a/MAUI/Masked-Entry/MaskedEntry_Images/MakedEntry_AutomationID.png b/MAUI/Masked-Entry/MaskedEntry_Images/MakedEntry_AutomationID.png
new file mode 100644
index 0000000000..0a8f368ec0
Binary files /dev/null and b/MAUI/Masked-Entry/MaskedEntry_Images/MakedEntry_AutomationID.png differ
diff --git a/MAUI/Masked-Entry/MaskedEntry_Images/Maskedentry_liquidglass.png b/MAUI/Masked-Entry/MaskedEntry_Images/Maskedentry_liquidglass.png
new file mode 100644
index 0000000000..68b096438f
Binary files /dev/null and b/MAUI/Masked-Entry/MaskedEntry_Images/Maskedentry_liquidglass.png differ
diff --git a/MAUI/NavigationDrawer/Images/LiquidGlass/liquid-glass.gif b/MAUI/NavigationDrawer/Images/LiquidGlass/liquid-glass.gif
new file mode 100644
index 0000000000..3e85bebcf8
Binary files /dev/null and b/MAUI/NavigationDrawer/Images/LiquidGlass/liquid-glass.gif differ
diff --git a/MAUI/NavigationDrawer/Images/multi-drawer/multi-drawer.gif b/MAUI/NavigationDrawer/Images/multi-drawer/multi-drawer.gif
new file mode 100644
index 0000000000..0dcb875030
Binary files /dev/null and b/MAUI/NavigationDrawer/Images/multi-drawer/multi-drawer.gif differ
diff --git a/MAUI/NavigationDrawer/LiquidGlassSupport.md b/MAUI/NavigationDrawer/LiquidGlassSupport.md
new file mode 100644
index 0000000000..2af2753cd6
--- /dev/null
+++ b/MAUI/NavigationDrawer/LiquidGlassSupport.md
@@ -0,0 +1,50 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI NavigationDrawer | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI NavigationDrawer (SfNavigationDrawer) control and more.
+platform: MAUI
+control: SfNavigationDrawer
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI NavigationDrawer:
+
+The [SfNavigationDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html) supports a `liquid glass` effect (also called acrylic or glass morphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the navigation drawer a modern and elegant look.
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
+{
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Behavior and tips
+
+- The glass effect is applied to the navigation drawer at render time and during user interaction.
+- Place the navigation drawer over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
+- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
+- For an enhanced UI, set `ContentBackground="Transparent"` for the `DrawerSettings` and `Background="Transparent"` for the `ContentView` at the sample .
+
+The following GIF demonstrates the liquid glass effect of Navigation Drawer
+
+
+
+N> The liquid glass support is only applicable for slide-on mode.
diff --git a/MAUI/NavigationDrawer/Multi-Drawer.md b/MAUI/NavigationDrawer/Multi-Drawer.md
new file mode 100644
index 0000000000..9010fe88dd
--- /dev/null
+++ b/MAUI/NavigationDrawer/Multi-Drawer.md
@@ -0,0 +1,139 @@
+---
+layout: post
+title: Multi Drawer in .NET MAUI Navigation Drawer | Syncfusion®
+description: The navigation drawer allows users to open drawers on multiple sides with different toggle methods, offering customizable layouts and smooth transitions.
+platform: MAUI
+control: SfNavigationDrawer
+documentation: UG
+---
+
+# Multi Drawer in MAUI Navigation Drawer (SfNavigationDrawer)
+
+The Navigation drawer allows users to open the drawer on multiple sides with different toggle methods. The [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) class and its properties need to be used when users need to provide multiple drawers. The multiple drawers can be implemented using the following drawer settings.
+
+* DrawerSettings
+* SecondaryDrawerSettings
+
+N> Users can open only one drawer at a time.
+
+
+
+### DrawerSettings
+
+Implement the primary drawer using the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) property in SfNavigationDrawer. The following code sample demonstrates how to customize the primary drawer.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+
+ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
+ DrawerSettings drawerSettings = new DrawerSettings();
+ drawerSettings.DrawerWidth = 250;
+ drawerSettings.Transition = Transition.SlideOnTop;
+ drawerSettings.ContentBackground = Colors.LightGray;
+ drawerSettings.Position = Position.Left;
+ navigationDrawer.DrawerSettings = drawerSettings;
+ this.Content = navigationDrawer;
+
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### SecondaryDrawerSettings
+
+Implement the secondary drawer using the SecondaryDrawerSettings property in SfNavigationDrawer. Its properties and functionalities are same as the primary drawer. The secondary drawer can be set to different positions similar to the primary drawer. The following code demonstrates how to customize the secondary drawer.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
+ DrawerSettings secondaryDrawer = new DrawerSettings();
+ secondaryDrawer.Position = Position.Right;
+ secondaryDrawer.Transition = Transition.SlideOnTop;
+ secondaryDrawer.ContentBackground = Colors.Blue;
+ secondaryDrawer.DrawerWidth = 250;
+ navigationDrawer.SecondaryDrawerSettings = secondaryDrawer;
+ this.Content = navigationDrawer;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When the primary drawer and the secondary drawer are set to the same position, the primary drawer will open on swiping.
+
+## Toggling method
+
+Users can toggle the secondary drawer using the `ToggleSecondaryDrawer` method.
+
+{% highlight c# %}
+
+SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
+navigationDrawer.ToggleSecondaryDrawer();
+
+{% endhighlight %}
+
+### Opening the drawer programmatically
+
+The `IsOpen` property in the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) of `SecondaryDrawerSettings` used to open or close the secondary drawer programmatically.
+
+The following code sample demonstrates how to set `IsOpen` property in XAML and C#.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
+ DrawerSettings secondaryDrawer = new DrawerSettings();
+ secondaryDrawer.IsOpen = true;
+ navigationDrawer.SecondaryDrawerSettings = secondaryDrawer;
+ this.Content = navigationDrawer;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
diff --git a/MAUI/NumericEntry/Basic-Features.md b/MAUI/NumericEntry/Basic-Features.md
index 423e1b205d..d002f33935 100644
--- a/MAUI/NumericEntry/Basic-Features.md
+++ b/MAUI/NumericEntry/Basic-Features.md
@@ -419,4 +419,14 @@ public class CommandDemoViewModel
}
{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+## Automation ID
+
+The [SfNumericEntry](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfNumericEntry.html) control provides `AutomationId` support specifically for the `editable entry` and the `clear button`, enabling UI automation frameworks to reliably target these two elements. Each element’s AutomationId is derived from the control’s AutomationId to ensure uniqueness.
+
+For example, if the SfNumericEntry’s `AutomationId` is set to “Employee NumericEntry,” the editable entry can be targeted as “Employee NumericEntry Entry” and the clear button as “Employee NumericEntry Clear Button.” This focused support improves accessibility and automated UI testing by providing stable, predictable identifiers for the primary interactive elements.
+
+The following screenshot illustrates the AutomationIds of inner elements.
+
+
\ No newline at end of file
diff --git a/MAUI/NumericEntry/GettingStarted_images/NumericEntry_AutomationID.png b/MAUI/NumericEntry/GettingStarted_images/NumericEntry_AutomationID.png
new file mode 100644
index 0000000000..3ee18a070a
Binary files /dev/null and b/MAUI/NumericEntry/GettingStarted_images/NumericEntry_AutomationID.png differ
diff --git a/MAUI/NumericEntry/GettingStarted_images/NumericEntry_liquidGlass.png b/MAUI/NumericEntry/GettingStarted_images/NumericEntry_liquidGlass.png
new file mode 100644
index 0000000000..abd94674ca
Binary files /dev/null and b/MAUI/NumericEntry/GettingStarted_images/NumericEntry_liquidGlass.png differ
diff --git a/MAUI/NumericEntry/LiquidGlassSupport.md b/MAUI/NumericEntry/LiquidGlassSupport.md
new file mode 100644
index 0000000000..e76a7f87df
--- /dev/null
+++ b/MAUI/NumericEntry/LiquidGlassSupport.md
@@ -0,0 +1,91 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Numeric entry | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI NumericEntry (SfNumericEntry) control and more.
+platform: MAUI
+control: SfNumericEntry
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI NumericEntry
+
+The [SfNumericEntry](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfNumericEntry.html) supports a `liquid glass` appearance by hosting the control inside the Syncfusion [SfGlassEffectView](). The acrylic view creates a blurred, translucent background that blends with the content behind it, producing a frosted `glass effect` around the entry. You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when SfNumericEntry is placed over images or colorful layouts.
+
+## Availability
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on mac or iOS 26 or greater.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the Syncfusion.Maui.Core package (for SfGlassEffectView) and Syncfusion.Maui.Inputs (for SfNumericEntry).
+
+XAML example Wrap the `SfNumericEntry` in an `SfGlassEffectView` and adjust visual properties to achieve the desired glass effect.
+
+{% tabs %}
+{% highlight xaml hl_lines="31" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="19" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Inputs;
+
+var glassEffect = new SfGlassEffectView
+{
+ CornerRadius=20,
+ HeightRequest=40,
+ EffectType=LiquidGlassEffectType.Regular,
+ EnableShadowEffect=true
+};
+
+var numericEntry = new SfNumericEntry
+{
+ Value = 1234.56,
+ FormatString = "N2",
+ Placeholder = "Enter amount",
+ Maximum = 1_000_000,
+ Minimum = 0,
+ Background= Colors.Transparent,
+ ShowClearButton=true
+};
+
+glassEffect.Content = numericEntry;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+The following screenshot illustrates SfNumericEntry within an acrylic container using the glass effect.
+
+
\ No newline at end of file
diff --git a/MAUI/Picker/liquid-glass-effect.md b/MAUI/Picker/liquid-glass-effect.md
new file mode 100644
index 0000000000..a3ac4e18e4
--- /dev/null
+++ b/MAUI/Picker/liquid-glass-effect.md
@@ -0,0 +1,145 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Picker | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Picker using SfGlassEffectsView.
+platform: MAUI
+control: SfPicker
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Picker.SfPicker.html) supports a liquid glass appearance by hosting the control inside the Syncfusion [SfGlassEffectsView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when the picker is placed over images or colorful layouts.
+
+Additionally, when the picker is shown in [Dialog]() mode, you can apply the glass effect to the pop-up by enabling the [EnableLiquidGlassEffect]() property on the SfPicker.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView).
+- Add the [Syncfusion.Maui.Picker](https://www.nuget.org/packages/Syncfusion.Maui.Picker/) package (for SfPicker).
+
+## Apply Liquid Glass Effect to SfPicker
+
+Wrap the [SfPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Picker.SfPicker.html) inside an [SfGlassEffectsView]() to give the picker surface a glass (blurred or clear) appearance.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var glassView = new SfGlassEffectsView
+{
+ CornerRadius = 20,
+ Padding = new Thickness(12),
+ EffectType = LiquidGlassEffectType.Regular,
+ EnableShadowEffect = true
+};
+
+var picker = new SfPicker();
+
+glassView.Content = picker;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* Use EffectType="Regular" for a blurrier look and "Clear" for a glassy look.
+
+## Enable Glass Effect in Dialog Mode
+
+When the picker displays in a dialog surface, enable the liquid glass effect by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Picker;
+
+var picker = new SfPicker
+{
+ // Applies acrylic/glass effect to the dialog surface
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* The dialog gains the glass effect only when [EnableLiquidGlassEffect]() is true.
+
+## Key Properties
+
+- [EffectType](): Choose between Regular (blurry) and Clear (glassy) effects.
+- [EnableShadowEffect](): Enables a soft shadow around the acrylic container.
+- [CornerRadius](): Rounds the corners of the acrylic container.
+- Padding/Height/Width: Adjust layout around the embedded picker.
+- [EnableLiquidGlassEffect]() (dialog): Enables the glass effect for the picker’s dialog surface.
+
+## Best Practices and Tips
+
+- Hosting the picker inside [SfGlassEffectsView]() gives the picker body an acrylic look.
+- In dialog usage, the dialog surface applies the glass effect only when [EnableLiquidGlassEffect]() is true.
+- For the most noticeable effect, place the control over images or vibrant backgrounds.
+
+The following screenshot illustrates [SfPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Picker.SfPicker.html) hosted within an acrylic container, and the dialog surface using the glass effect.
diff --git a/MAUI/Polar-Charts/Cupertino-Theme.md b/MAUI/Polar-Charts/Cupertino-Theme.md
new file mode 100644
index 0000000000..c8cf0622c7
--- /dev/null
+++ b/MAUI/Polar-Charts/Cupertino-Theme.md
@@ -0,0 +1,86 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Polar Chart control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfPolarChart) for stunning UI..
+platform: maui
+control: SfPolarChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino polar tooltip maui, .net maui chart visualization.
+---
+
+# Cupertino Theme in .NET MAUI Polar Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfPolarChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPolarChart chart = new SfPolarChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property of SfPolarChart and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_EnableTooltip) property of ChartSeries.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPolarChart chart = new SfPolarChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+PolarLineSeries series = new PolarLineSeries()
+{
+ ItemsSource = viewModel.Data,
+ XBindingPath = "Category",
+ YBindingPath = "Value",
+ EnableTooltip = true
+};
+
+chart.Series.Add(series);
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate), set the background to transparent to display the liquid glass effect.
\ No newline at end of file
diff --git a/MAUI/Polar-Charts/Legend.md b/MAUI/Polar-Charts/Legend.md
index 33fadc873c..c87fb443d2 100644
--- a/MAUI/Polar-Charts/Legend.md
+++ b/MAUI/Polar-Charts/Legend.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Legend in .NET MAUI Chart control | Syncfusion
+title: Legend in .NET MAUI Polar Chart control | Syncfusion
description: This section explains about how to initialize legend and its customization in Syncfusion® .NET MAUI Chart (SfPolarChart) control.
platform: maui
control: SfPolarChart
diff --git a/MAUI/Popup/Images/popup-size/maui-popup-with-autosizemode-autosizetarget.png b/MAUI/Popup/Images/popup-size/maui-popup-with-autosizemode-autosizetarget.png
new file mode 100644
index 0000000000..a26d76d200
Binary files /dev/null and b/MAUI/Popup/Images/popup-size/maui-popup-with-autosizemode-autosizetarget.png differ
diff --git a/MAUI/Popup/Popup-Events.md b/MAUI/Popup/Popup-Events.md
index 30a1e0118d..9a0ee20faa 100644
--- a/MAUI/Popup/Popup-Events.md
+++ b/MAUI/Popup/Popup-Events.md
@@ -9,13 +9,44 @@ documentation: ug
# Popup Events And Commands in .NET MAUI Popup (SfPopup)
-There are four built-in events in the SfPopup control namely:
+There are five built-in events in the SfPopup control namely:
+* PositionChanging
* Opening
* Opened
* Closing
* Closed
+## PositionChanging Event
+
+The `PositionChanging` event allows you to customize the position of the popup before it opens. This event is triggered before the popup is displayed, giving you the flexibility to modify its location dynamically. When the PositionChanging event occurs, it provides an instance of `PopupPositionChangingEventArgs`, which contains the following members:
+
+* `Bounds` : Represents the current bounds of the popup.
+* `MoveTo` : Specifies the new position where the popup should be moved. You can assign a custom position to this property.
+* `Handled` : Must be set to `true` for the `MoveTo` value to take effect. If `Handled` is not set, the popup will retain its original position.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
+
+{%endhighlight%}
+
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4 9 10" %}
+public MainPage()
+{
+ InitializeComponent();
+ popup.PositionChanging += OnPopupPositionChanging;
+}
+
+private void OnPopupPositionChanging(object sender, PopupPositionChangingEventArgs e)
+{
+ e.MoveTo = new Point(50, 100);
+ e.Handled = true;
+}
+
+{% endhighlight %}
+{% endtabs %}
+
## Opening event
The [Opening](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_Opening) event will be fired whenever opening the Popup in the application. It can cancel popup opening with `CancelEventArgs` that contains the following property:
diff --git a/MAUI/Popup/popup-size.md b/MAUI/Popup/popup-size.md
index 3df84cf5a9..7a158ff0eb 100644
--- a/MAUI/Popup/popup-size.md
+++ b/MAUI/Popup/popup-size.md
@@ -1,7 +1,7 @@
---
layout: post
title: Popup Size in .NET MAUI Popup control | Syncfusion
-description: Learn all about Popup Size support in the Syncfusion .NET MAUI Popup (SfPopup) control and more.
+description: Learn all about Popup Size support in the Syncfusion .NET MAUI Popup (SfPopup) control and more, with examples.
platform: MAUI
control: SfPopup
documentation: ug
@@ -169,13 +169,35 @@ Executing the above codes renders the following output in windows.
## Auto-size popup
-The `SfPopup` can auto-size the popup view based on the contents loaded inside its [ContentTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_ContentTemplate) property using the [AutoSizeMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.PopupAutoSizeMode.html) property. The default value is [AutoSizeMode.None](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.PopupAutoSizeMode.html#Syncfusion_Maui_Popup_PopupAutoSizeMode_None). You can choose to auto-size the Popup in the height, width or in both .height and width of its contents. By default, the `HeightRequest` and `WidthRequest` set to the `SfPopup` or the views loaded inside the template are given higher priority than the `AutoSizeMode`.
+The [SfPopup](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html) can auto-size the popup view based on the contents loaded inside its templates using the [AutoSizeMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.PopupAutoSizeMode.html) and `PopupAutoSizeTarget` properties. The default value is [AutoSizeMode.None](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.PopupAutoSizeMode.html#Syncfusion_Maui_Popup_PopupAutoSizeMode_None). You can choose to auto-size the Popup in the height, width or in both (height and width) of its contents. By default, the `HeightRequest` and `WidthRequest` set to the `SfPopup` or the views loaded inside the template are given higher priority than the `AutoSizeMode`.
-In the following code sample, the Popup is auto-sized in the height based on the content loaded inside the `ContentTemplate` property.
+### PopupAutoSizeTarget
+The `PopupAutoSizeTarget` property specifies which template(s) should be considered for auto-sizing. The default value is `PopupAutoSizeTarget.Content`.
+* `Content`: Auto-sizes based on the content template.
+* `Header`: Auto-sizes based on the header template.
+* `Footer`: Auto-sizes based on the footer template.
+* `All`: Auto-sizes based on header, content, and footer templates.
+
+To auto-size the popup using any two templates, use the following code example:
{% tabs %}
+{% highlight xaml hl_lines="4" %}
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="2" %}
+popup.AutoSizeMode = PopupAutoSizeMode.Both;
+popup.AutoSizeTarget= Syncfusion.Maui.Popup.PopupAutoSizeTarget.Header | Syncfusion.Maui.Popup.PopupAutoSizeTarget.Footer;
+{% endhighlight %}
+{% endtabs %}
+
+In the following code sample, the Popup is auto-sized in the height based on the content loaded inside the [ContentTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_ContentTemplate) property.
-{% highlight xaml tabtitle="MainPage.xaml" hl_lines="10"%}
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="10" %}
+ AutoSizeMode="Height">
@@ -201,7 +223,7 @@ In the following code sample, the Popup is auto-sized in the height based on the
{% endhighlight %}
-{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="1" %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="1" %}
popup.AutoSizeMode = PopupAutoSizeMode.Height;
{% endhighlight %}
@@ -210,3 +232,65 @@ popup.AutoSizeMode = PopupAutoSizeMode.Height;
Executing the above codes renders the following output in windows.
+
+In the following code sample, the Popup is auto-sized in the height based on the content loaded inside the [HeaderTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_HeaderTemplate), [ContentTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_ContentTemplate), [FooterTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_FooterTemplate) properties.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="10 11" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="1 2" %}
+popup.AutoSizeMode = PopupAutoSizeMode.Height;
+popup.AutoSizeTarget = Syncfusion.Maui.Popup.PopupAutoSizeTarget.All;
+{% endhighlight %}
+{% endtabs %}
+
+Executing the above codes renders the following output in windows.
+
+
+
diff --git a/MAUI/Pyramid-Charts/Cupertino-Theme.md b/MAUI/Pyramid-Charts/Cupertino-Theme.md
new file mode 100644
index 0000000000..8ada0370dd
--- /dev/null
+++ b/MAUI/Pyramid-Charts/Cupertino-Theme.md
@@ -0,0 +1,76 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Pyramid Chart control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfPyramidChart) for stunning UI..
+platform: maui
+control: SfPyramidChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino pyramid tooltip maui, .net maui chart visualization.
+---
+
+# Cupertino Theme in .NET MAUI Pyramid Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfPyramidChart
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPyramidChart chart = new SfPyramidChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfPyramidChart.html#Syncfusion_Maui_Charts_SfPyramidChart_EnableTooltip) property of SfPyramidChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+. . .
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPyramidChart chart = new SfPyramidChart();
+chart.EnableLiquidGlassEffect = true;
+chart.EnableTooltip = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfPyramidChart.html#Syncfusion_Maui_Charts_SfPyramidChart_TooltipTemplate), set the background to transparent to display the liquid glass effect.
diff --git a/MAUI/Pyramid-Charts/Legend-images/floating_legend.png b/MAUI/Pyramid-Charts/Legend-images/floating_legend.png
new file mode 100644
index 0000000000..9293cdbdf2
Binary files /dev/null and b/MAUI/Pyramid-Charts/Legend-images/floating_legend.png differ
diff --git a/MAUI/Pyramid-Charts/Legend.md b/MAUI/Pyramid-Charts/Legend.md
index 3c02dd43a5..3c1ab94661 100644
--- a/MAUI/Pyramid-Charts/Legend.md
+++ b/MAUI/Pyramid-Charts/Legend.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Legend in .NET MAUI Chart control | Syncfusion
+title: Legend in .NET MAUI Pyramid Chart control | Syncfusion
description: This section explains about how to initialize legend and its customization in Syncfusion® .NET MAUI Chart (SfPyramidChart) control.
platform: maui
control: SfPyramidChart
@@ -213,6 +213,57 @@ this.Content = chart;
{% endtabs %}
+## Floating legend
+
+The floating legend feature allows you to position the legend inside the chart area based on its defined placement. When [IsFloating]() is set to true, the legend will start from the specified [Placement](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_Placement) (such as Top, Bottom, Left, or Right) and then move according to the offset values, enabling precise control over the legend’s location.
+
+* [OffsetX](): Specifies the horizontal distance from the defined placement position.
+* [OffsetY](): Specifies the vertical distance from the defined placement position.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPyramidChart chart = new SfPyramidChart()
+{
+ XBindingPath = "Name",
+ YBindingPath = "Value",
+ ItemsSource = new ViewModel().Data,
+
+};
+
+chart.Legend = new ChartLegend()
+{
+ Placement = LegendPlacement.Top
+ IsFloating = true
+ OffsetX = -170;
+ OffsetY = 30;
+};
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
## Toggle the series visibility
The visibility of segments in the pyramid chart can be controlled by tapping the legend item using the [ToggleSeriesVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartLegend.html#Syncfusion_Maui_Charts_ChartLegend_ToggleSeriesVisibility) property. The default value of ToggleSeriesVisibility is `false`.
diff --git a/MAUI/Pyramid-Charts/Orientation.md b/MAUI/Pyramid-Charts/Orientation.md
new file mode 100644
index 0000000000..924af750e0
--- /dev/null
+++ b/MAUI/Pyramid-Charts/Orientation.md
@@ -0,0 +1,34 @@
+---
+layout: post
+title: Orientation in .NET MAUI Pyramid Chart control (Syncfusion)
+description: Learn how to change the rendering direction of segments in .NET MAUI Pyramid Chart (SfPyramidChart) using the Orientation property.
+control: SfPyramidChart
+documentation: ug
+---
+
+# Orientation in .NET MAUI Pyramid Chart
+
+The rendering direction of the pyramid chart can be changed using the [Orientation]() property. The default value of this property is Vertical, which arranges segments from top to bottom, and it can be set to Horizontal to render segments from right to left.
+
+{% tabs %}
+
+{% highlight xml %}
+
+
+. . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfPyramidChart chart = new SfPyramidChart();
+. . .
+chart.Orientation = Horizontal;
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/Pyramid-Charts/Orientation_images/MAUI_orientation_chart.png b/MAUI/Pyramid-Charts/Orientation_images/MAUI_orientation_chart.png
new file mode 100644
index 0000000000..749ff9da8b
Binary files /dev/null and b/MAUI/Pyramid-Charts/Orientation_images/MAUI_orientation_chart.png differ
diff --git a/MAUI/Radial-Menu/LiquidGlassSupport.md b/MAUI/Radial-Menu/LiquidGlassSupport.md
new file mode 100644
index 0000000000..d91ec5e114
--- /dev/null
+++ b/MAUI/Radial-Menu/LiquidGlassSupport.md
@@ -0,0 +1,46 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI RadialMenu | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI RadialMenu (SfRadialMenu) control and more.
+platform: MAUI
+control: SfRadialMenu
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI RadialMenu:
+
+The [SfRadialMenu](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RadialMenu.html) supports a `liquid glass` effect (also called acrylic or glass morphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the menu a modern and elegant look. It works best over images or colorful layouts and provides smooth visual feedback during interaction.
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfRadialMenu radialMenu = new SfRadialMenu
+{
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Behavior and tips
+
+- The glass effect is applied to the radial menu at render time and during user interaction.
+- Place the radial menu over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
+- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
+
+The following image demonstrates the liquid glass effect of Radial Menu
+
+
\ No newline at end of file
diff --git a/MAUI/Radial-Menu/images/LiquidGlass/liquid-glass.png b/MAUI/Radial-Menu/images/LiquidGlass/liquid-glass.png
new file mode 100644
index 0000000000..291589b428
Binary files /dev/null and b/MAUI/Radial-Menu/images/LiquidGlass/liquid-glass.png differ
diff --git a/MAUI/Range-Selector/LiquidGlassSupport.md b/MAUI/Range-Selector/LiquidGlassSupport.md
new file mode 100644
index 0000000000..5b0c06b072
--- /dev/null
+++ b/MAUI/Range-Selector/LiquidGlassSupport.md
@@ -0,0 +1,70 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI RangeSelector | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI RangeSelector (SfRangeSelector) control and more.
+platform: MAUI
+control: SfRangeSelector
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI Range Selector
+
+The [SfRangeSelector](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfRangeSelector.html) provides `liquid glass` effect for its thumbs when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumbs render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="19" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="9" %}
+
+using Syncfusion.Maui.Sliders;
+
+var rangeSelector = new SfRangeSelector
+{
+ Minimum=10,
+ Maximum=20,
+ RangeStart=13,
+ RangeEnd=17,
+ EnableLiquidGlassEffect=true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfRangeSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/Range-Selector/images/getting-started/rangeslider_liquidglass.gif b/MAUI/Range-Selector/images/getting-started/rangeslider_liquidglass.gif
new file mode 100644
index 0000000000..4fbdc3c55d
Binary files /dev/null and b/MAUI/Range-Selector/images/getting-started/rangeslider_liquidglass.gif differ
diff --git a/MAUI/Range-Slider/LiquidGlassSupport.md b/MAUI/Range-Slider/LiquidGlassSupport.md
new file mode 100644
index 0000000000..e774393b24
--- /dev/null
+++ b/MAUI/Range-Slider/LiquidGlassSupport.md
@@ -0,0 +1,67 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI RangeSlider | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI RangeSlider (SfRangeSlider) control and more.
+platform: MAUI
+control: SfRangeSlider
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI Range Slider
+
+The [SfRangeSlider](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfRangeSlider.html) provides `liquid glass` effect for its thumbs when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumbs render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="18" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="7" %}
+
+using Syncfusion.Maui.Sliders;
+
+var rangeSlider = new SfRangeSlider
+{
+ Minimum=10,
+ Maximum=20,
+ EnableLiquidGlassEffect=true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfRangeSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/Range-Slider/images/getting-started/rangeslider_liquidglass.gif b/MAUI/Range-Slider/images/getting-started/rangeslider_liquidglass.gif
new file mode 100644
index 0000000000..4fbdc3c55d
Binary files /dev/null and b/MAUI/Range-Slider/images/getting-started/rangeslider_liquidglass.gif differ
diff --git a/MAUI/Release-notes/v32.1.19.md b/MAUI/Release-notes/v32.1.19.md
new file mode 100644
index 0000000000..21e669cac2
--- /dev/null
+++ b/MAUI/Release-notes/v32.1.19.md
@@ -0,0 +1,84 @@
+---
+title: Essential Studio® for MAUI Release Notes - v32.1.19
+description: Learn here about the controls in the Essential Studio® for MAUI 2025 Volume 4 Main Release - Release Notes - v32.1.19
+platform: maui
+documentation: ug
+---
+
+# Essential Studio® for MAUI - v32.1.19 Release Notes
+
+{% include release-info.html date="December 16, 2025" version="v32.1.19" passed="43866" failed="0" %}
+
+{% directory path: _includes/release-notes/v32.1.19 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| Accordion | 63 | 63 | 0 | All Passed |
+| AI AssistView | 153 | 153 | 0 | All Passed |
+| Autocomplete | 321 | 321 | 0 | All Passed |
+| Avatar View | 56 | 56 | 0 | All Passed |
+| Backdrop | 83 | 83 | 0 | All Passed |
+| Badge View | 81 | 81 | 0 | All Passed |
+| Barcode Generator | 1763 | 1763 | 0 | All Passed |
+| Busy Indicator | 91 | 91 | 0 | All Passed |
+| Button | 104 | 104 | 0 | All Passed |
+| Calendar | 2624 | 2624 | 0 | All Passed |
+| Cards | 235 | 235 | 0 | All Passed |
+| Carousel | 229 | 229 | 0 | All Passed |
+| Cartesian Charts | 428 | 428 | 0 | All Passed |
+| Chat | 63 | 63 | 0 | All Passed |
+| CheckBox | 165 | 165 | 0 | All Passed |
+| Chips | 73 | 73 | 0 | All Passed |
+| Circular Charts | 35 | 35 | 0 | All Passed |
+| Color Picker | 164 | 164 | 0 | All Passed |
+| ComboBox | 422 | 422 | 0 | All Passed |
+| DataForm | 3348 | 3348 | 0 | All Passed |
+| DataGrid | 3113 | 3113 | 0 | All Passed |
+| Date Picker | 159 | 159 | 0 | All Passed |
+| Date Time Picker | 18 | 18 | 0 | All Passed |
+| Digital Gauge | 108 | 108 | 0 | All Passed |
+| Effects View | 61 | 61 | 0 | All Passed |
+| Expander | 215 | 215 | 0 | All Passed |
+| Funnel Charts | 14 | 14 | 0 | All Passed |
+| Image Editor | 762 | 762 | 0 | All Passed |
+| Kanban Board | 410 | 410 | 0 | All Passed |
+| Lineaar Gauge | 668 | 668 | 0 | All Passed |
+| ListView | 4813 | 4813 | 0 | All Passed |
+| Maps | 1268 | 1268 | 0 | All Passed |
+| Markdown Viewer | 116 | 116 | 0 | All Passed |
+| Masked Entry | 180 | 180 | 0 | All Passed |
+| Navigation Drawer | 126 | 126 | 0 | All Passed |
+| Numeric Entry | 218 | 218 | 0 | All Passed |
+| NumericUpdown | 218 | 218 | 0 | All Passed |
+| Picker | 692 | 692 | 0 | All Passed |
+| Polar Charts | 33 | 33 | 0 | All Passed |
+| Popup | 1342 | 1342 | 0 | All Passed |
+| Progress Bar | 626 | 626 | 0 | All Passed |
+| Pyramid Charts | 11 | 11 | 0 | All Passed |
+| Radial Gauge | 408 | 408 | 0 | All Passed |
+| Radial Menu | 199 | 199 | 0 | All Passed |
+| Radio Button | 194 | 194 | 0 | All Passed |
+| Range selector | 15 | 15 | 0 | All Passed |
+| Range Slider | 77 | 77 | 0 | All Passed |
+| Rating | 202 | 202 | 0 | All Passed |
+| Rich Text Editor | 157 | 157 | 0 | All Passed |
+| Rotator | 1195 | 1195 | 0 | All Passed |
+| Scheduler | 11556 | 11556 | 0 | All Passed |
+| Segment Control | 354 | 354 | 0 | All Passed |
+| Shimmer | 371 | 371 | 0 | All Passed |
+| Signature Pad | 32 | 32 | 0 | All Passed |
+| Slider | 201 | 201 | 0 | All Passed |
+| Sunburst Charts | 14 | 14 | 0 | All Passed |
+| Switch | 131 | 131 | 0 | All Passed |
+| Tab View | 1620 | 1620 | 0 | All Passed |
+| Text Input Layout | 174 | 174 | 0 | All Passed |
+| Time Picker | 182 | 182 | 0 | All Passed |
+| Toolbar | 175 | 175 | 0 | All Passed |
+| TreeMap | 454 | 454 | 0 | All Passed |
+| TreeView | 483 | 483 | 0 | All Passed |
\ No newline at end of file
diff --git a/MAUI/Rich-Text-Editor/Advanced-Features.md b/MAUI/Rich-Text-Editor/Advanced-Features.md
index d910c0d7ae..3d703c9632 100644
--- a/MAUI/Rich-Text-Editor/Advanced-Features.md
+++ b/MAUI/Rich-Text-Editor/Advanced-Features.md
@@ -11,47 +11,50 @@ documentation: ug
This section covers the essential properties, methods, and events of the .NET MAUI [SfRichTextEditor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html) for handling content and user interactions.
-## Setting Text
+## Setting Plain Text
-The Rich Text Editor control displays the text/formatted text(HTML string) that can be set using the [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_Text) property.
+The Rich Text Editor control displays the plain text that can be set using the [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_Text) property.
{% tabs %}
{% highlight xaml %}
-
+
{% endhighlight %}
{% highlight C# %}
SfRichTextEditor richTextEditor = new SfRichTextEditor();
-richtexteditor.Text = "The rich text editor component is WYSIWYG editor that provides the best user experience to create and update the content";
+richTextEditor.Text = "The rich text editor component is WYSIWYG editor that provides the best user experience to create and update the content";
{% endhighlight %}
{% endtabs %}
-## Retrieving HTML text
+
-The formatted text of Rich Text Editor can be retrieved using the [HtmlText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_HtmlText) property of `SfRichTextEditor`.
+## Setting HTML Formatted Text
+
+The [HtmlText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_HtmlText) property of the `SfRichTextEditor` control is used to set HTML formatted text.
{% tabs %}
{% highlight xaml %}
-
+
{% endhighlight %}
{% highlight C# %}
SfRichTextEditor richTextEditor = new SfRichTextEditor();
-richtexteditor.HtmlText = "The rich text editor component is WYSIWYG editor that provides the best user experience to create and update the content";
+richTextEditor.HtmlText = "The rich text editor component is WYSIWYG editor that provides the best user experience to create and update the content";
{% endhighlight %}
{% endtabs %}
+
## Getting Selected HTML
diff --git a/MAUI/Rich-Text-Editor/Cupertino-Theme.md b/MAUI/Rich-Text-Editor/Cupertino-Theme.md
new file mode 100644
index 0000000000..14212c268e
--- /dev/null
+++ b/MAUI/Rich-Text-Editor/Cupertino-Theme.md
@@ -0,0 +1,121 @@
+---
+layout: post
+title: Cupertino Theme on .NET MAUI RichTextEditor control | Syncfusion®
+description: Learn here all about how to enable cupertino theme for Syncfusion® .NET MAUI Rich Text Editor (SfRichTextEditor) control, its elements and more.
+platform: maui
+control: SfRichTextEditor
+documentation: ug
+---
+
+# Cupertino Theme in .NET MAUI RichTextEditor
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners, refined color palettes, and sophisticated visual treatments that create a polished, professional look for your RichTextEditor.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances RichTextEditor UI on macOS and iOS
+
+The Cupertino theme enhances the RichTextEditor with liquid glass effects on toolbar and editor elements, creating a modern and visually appealing text editing interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To enable the Cupertino theme's liquid glass effect, set the [EnableLiquidGlassEffect]() property to `True` on the SfRichTextEditor. For optimal visual appearance with a sleek and glassy output, set transparent backgrounds for both the editor and toolbar using the [EditorBackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_EditorBackgroundColor) property of SfRichTextEditor and the [BackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackgroundColor) property of ToolbarSettings.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfRichTextEditor richTextEditor = new SfRichTextEditor()
+{
+ EnableLiquidGlassEffect = true,
+ EditorBackgroundColor = Colors.Transparent
+};
+
+richTextEditor.ToolbarSettings = new RichTextEditorToolbarSettings()
+{
+ BackgroundColor = Colors.Transparent
+};
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Toolbar
+
+The liquid glass effect is applied to the overall toolbar and its elements, including font family picker, font size picker, text alignment options, text style pickers, insert link popup, table selection, table context menu popup, and the inline toolbar for links.
+
+#### Customize Toolbar Corner Radius
+
+The toolbar corner radius and toolbar selection corner radius can be customized using Syncfusion theme keys:
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+ 25
+ 25
+
+
+
+
+
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Editor
+
+The liquid glass effect enhances the text editing area, providing a modern and sophisticated appearance for content creation.
+
+#### Customize Editor Corner Radius
+
+The editor corner radius can be customized using the Syncfusion theme key:
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+ 15
+
+
+
+
+
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> `SfRichTextEditorCornerRadius` theme key works with the liquid glass effect on iOS and macOS only.
+
+N> To override the default appearance of the toolbar and the editor’s corner radius, you need to initialize the Syncfusion theme dictionary resources in the application’s resource dictionary. For more details, refer to the [documentation](https://help.syncfusion.com/maui/themes/themes).
+
+
diff --git a/MAUI/Rich-Text-Editor/Customization.md b/MAUI/Rich-Text-Editor/Customization.md
index c73eefc6f5..f463986782 100644
--- a/MAUI/Rich-Text-Editor/Customization.md
+++ b/MAUI/Rich-Text-Editor/Customization.md
@@ -11,128 +11,6 @@ documentation: ug
The .NET MAUI Rich Text Editor control provides extensive options for customizing its appearance and functionality, from the toolbar and editor area to programmatic formatting and hyperlink management.
-## Customizing the Toolbar
-
-The [SfRichTextEditor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html) toolbar is highly customizable, allowing you to control its items, styling, and position.
-
-### Add or Remove Toolbar Items
-
-By default, the toolbar includes a comprehensive set of formatting tools. You can specify a custom set of items by populating the [ToolbarItems](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_ToolbarItems) collection. This allows you to add or remove any built-in toolbar item.
-
-The following items are available to be added to the `ToolbarItems` collection:
-* `Bold`, `Italic`, `Underline`, `Strikethrough`
-* `SubScript`, `SuperScript`
-* `FontFamily`, `FontSize`, `TextColor`, `HighlightColor`
-* `ParagraphFormat` , `Alignment`
-* `NumberList`, `BulletList`
-* `IncreaseIndent`, `DecreaseIndent`
-* `Hyperlink`, `Image`, `Table`
-* `Undo`, `Redo`
-* `Separator`
-
-{% tabs %}
-{% highlight xaml %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% highlight c# %}
-
-SfRichTextEditor richTextEditor = new SfRichTextEditor();
-richTextEditor.ShowToolbar = true;
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Bold });
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Italic });
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Underline });
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Separator });
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.NumberList });
-richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.BulletList });
-
-{% endhighlight %}
-{% endtabs %}
-
-### Customize Toolbar Appearance
-
-You can customize the visual style of the toolbar using the `ToolbarSettings` property. This gives you access to the [RichTextEditorToolbarSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html) object, which has several properties for changing its appearance.
-
-* [BackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackgroundColor): Sets the Background color or brush of the toolbar.
-* [TextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_TextColor) : Sets the color of the toolbar item icons.
-* [IsScrollButtonVisible](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_IsScrollButtonVisible): Sets the scroll button visibility.
-* [SeparatorColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SeparatorColor): Sets the color of the separator lines between toolbar items.
-* [SeparatorThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SeparatorThickness): Sets the thickness of the separator lines.
-* [ForwardIconBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_ForwardIconBackground): Sets the background color of the forward scroll icon.
-* [ForwardIconColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_ForwardIconColor): Sets the color of the forward scroll icon.
-* [BackwardIconBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackwardIconBackground): Sets the background color of the backward scroll icon.
-* [BackwardIconColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackwardIconColor): Sets the color of the backward scroll icon.
-* [SelectionColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SelectionColor): Sets the color for toolbar text hover and selection color.
-
-
-{% tabs %}
-{% highlight xaml %}
-
-
-
-
-
-
-
-{% endhighlight %}
-{% highlight c# %}
-
-SfRichTextEditor richTextEditor = new SfRichTextEditor();
-richTextEditor.ShowToolbar = true;
-richTextEditor.ToolbarSettings = new RichTextEditorToolbarSettings
-{
- IsScrollButtonVisible = true,
- TextColor = Colors.Orange,
- BackgroundColor = Colors.SkyBlue,
- SelectionColor = Colors.Brown,
- SeparatorColor = Colors.Brown,
- SeparatorThickness = 5,
- ForwardIconBackground = Colors.Blue,
- ForwardIconColor = Colors.Green,
- BackwardIconBackground = Colors.Yellow,
- BackwardIconColor = Colors.Green
-};
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-
-### Customize Toolbar Position
-
-The toolbar can be positioned at the top or bottom of the editor control using the [ToolbarPosition](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_ToolbarPosition) property.
-
-{% tabs %}
-{% highlight xaml %}
-
-
-
-{% endhighlight %}
-{% highlight c# %}
-
-SfRichTextEditor richTextEditor = new SfRichTextEditor();
-richTextEditor.ShowToolbar = true;
-richTextEditor.ToolbarPosition = RichTextEditorToolbarPosition.Bottom;
-
-{% endhighlight %}
-{% endtabs %}
-
## Customizing Editor Appearance
The [SfRichTextEditor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html) provides several properties to customize the appearance of the main editor area, including its background, border, and text wrapping behavior.
diff --git a/MAUI/Rich-Text-Editor/Migration.md b/MAUI/Rich-Text-Editor/Migration.md
index b68ff12cda..b2be6170c5 100644
--- a/MAUI/Rich-Text-Editor/Migration.md
+++ b/MAUI/Rich-Text-Editor/Migration.md
@@ -175,5 +175,4 @@ To migrate easily from [`Xamarin SfRichTextEditor`](https://help.syncfusion.com/
* `Nested ScrollView:` RichTextEditor scroll behavior is incompatible with parent ScrollView containers and will be automatically disabled.
* `AutoSize Configuration:` To prevent off-screen rendering when AutoSize is enabled, configure the MaximumHeightRequest property to constrain the control within viewport boundaries.
* `Keyboard Interaction:` Toolbar visibility is affected when MaximumHeightRequest extends into the on-screen keyboard area, causing automatic hiding.
-* `Supported Content Types:` Editor content is restricted to plain text and HTML markup formats only.
-
+* `Supported Content Types:` Editor content is restricted to plain text and HTML markup formats only.
\ No newline at end of file
diff --git a/MAUI/Rich-Text-Editor/Toolbar.md b/MAUI/Rich-Text-Editor/Toolbar.md
new file mode 100644
index 0000000000..2c2439513c
--- /dev/null
+++ b/MAUI/Rich-Text-Editor/Toolbar.md
@@ -0,0 +1,140 @@
+---
+layout: post
+title: Toolbar in .NET MAUI Rich Text Editor | Syncfusion®
+description: Learn here all about Toolbar features in Syncfusion® .NET MAUI Rich Text Editor (SfRichTextEditor) control.
+platform: maui
+control: Rich Text Editor
+documentation: ug
+---
+
+# Toolbar in .NET MAUI Rich Text Editor (SfRichTextEditor)
+
+## Toolbar position
+
+The Rich Text Editor allows you to position the toolbar at the top or bottom of the content area, depending on your layout requirements. By default, the toolbar appears at the top on Windows and macOS, and at the bottom on Android and iOS for better accessibility.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfRichTextEditor richTextEditor = new SfRichTextEditor();
+richTextEditor.ToolbarPosition = RichTextEditorToolbarPosition.Bottom;
+
+{% endhighlight %}
+{% endtabs %}
+
+## Inline tooltip for link
+
+The link quick tooltip appears when you click on a link in the editor. The Rich Text Editor provides essential tools in the link quick tooltip, including “Open”, “Edit Link” and “Remove Link”.
+
+
+
+N> The link quick tooltip will automatically disappear after 2 seconds if there is no user interaction.
+
+## Customizing the Toolbar
+
+The [SfRichTextEditor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html) toolbar is highly customizable, allowing you to control its items, styling, and position.
+
+### Add or Remove Toolbar Items
+
+By default, the toolbar includes a comprehensive set of formatting tools. You can specify a custom set of items by populating the [ToolbarItems](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_ToolbarItems) collection. This allows you to add or remove any built-in toolbar item.
+
+The following items are available to be added to the `ToolbarItems` collection:
+* `Bold`, `Italic`, `Underline`, `Strikethrough`
+* `SubScript`, `SuperScript`
+* `FontFamily`, `FontSize`, `TextColor`, `HighlightColor`
+* `ParagraphFormat` , `Alignment`
+* `NumberList`, `BulletList`
+* `IncreaseIndent`, `DecreaseIndent`
+* `Hyperlink`, `Image`, `Table`
+* `Undo`, `Redo`
+* `Separator`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfRichTextEditor richTextEditor = new SfRichTextEditor();
+richTextEditor.ShowToolbar = true;
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Bold });
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Italic });
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Underline });
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.Separator });
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.NumberList });
+richTextEditor.ToolbarItems.Add(new RichTextToolbarItem() { Type = RichTextToolbarOptions.BulletList });
+
+{% endhighlight %}
+{% endtabs %}
+
+### Customize Toolbar Appearance
+
+You can customize the visual style of the toolbar using the `ToolbarSettings` property. This gives you access to the [RichTextEditorToolbarSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html) object, which has several properties for changing its appearance.
+
+* [BackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackgroundColor): Sets the Background color or brush of the toolbar.
+* [TextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_TextColor) : Sets the color of the toolbar item icons.
+* [IsScrollButtonVisible](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_IsScrollButtonVisible): Sets the scroll button visibility.
+* [SeparatorColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SeparatorColor): Sets the color of the separator lines between toolbar items.
+* [SeparatorThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SeparatorThickness): Sets the thickness of the separator lines.
+* [ForwardIconBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_ForwardIconBackground): Sets the background color of the forward scroll icon.
+* [ForwardIconColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_ForwardIconColor): Sets the color of the forward scroll icon.
+* [BackwardIconBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackwardIconBackground): Sets the background color of the backward scroll icon.
+* [BackwardIconColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackwardIconColor): Sets the color of the backward scroll icon.
+* [SelectionColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_SelectionColor): Sets the color for toolbar text hover and selection color.
+
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfRichTextEditor richTextEditor = new SfRichTextEditor();
+richTextEditor.ShowToolbar = true;
+richTextEditor.ToolbarSettings = new RichTextEditorToolbarSettings
+{
+ IsScrollButtonVisible = true,
+ TextColor = Colors.Orange,
+ BackgroundColor = Colors.SkyBlue,
+ SelectionColor = Colors.Brown,
+ SeparatorColor = Colors.Brown,
+ SeparatorThickness = 5,
+ ForwardIconBackground = Colors.Blue,
+ ForwardIconColor = Colors.Green,
+ BackwardIconBackground = Colors.Yellow,
+ BackwardIconColor = Colors.Green
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/Rich-Text-Editor/images/richtexteditor-htmltext-property.png b/MAUI/Rich-Text-Editor/images/richtexteditor-htmltext-property.png
new file mode 100644
index 0000000000..c0ddacd516
Binary files /dev/null and b/MAUI/Rich-Text-Editor/images/richtexteditor-htmltext-property.png differ
diff --git a/MAUI/Rich-Text-Editor/images/richtexteditor-link-quick-tooltip.png b/MAUI/Rich-Text-Editor/images/richtexteditor-link-quick-tooltip.png
new file mode 100644
index 0000000000..a8949464b7
Binary files /dev/null and b/MAUI/Rich-Text-Editor/images/richtexteditor-link-quick-tooltip.png differ
diff --git a/MAUI/Rich-Text-Editor/images/richtexteditor-text-property.png b/MAUI/Rich-Text-Editor/images/richtexteditor-text-property.png
new file mode 100644
index 0000000000..cea9fd91fd
Binary files /dev/null and b/MAUI/Rich-Text-Editor/images/richtexteditor-text-property.png differ
diff --git a/MAUI/Scheduler/images/month-view/appointment-indicator-stroke-thickness-maui-scheduler.png b/MAUI/Scheduler/images/month-view/appointment-indicator-stroke-thickness-maui-scheduler.png
new file mode 100644
index 0000000000..3db89a015a
Binary files /dev/null and b/MAUI/Scheduler/images/month-view/appointment-indicator-stroke-thickness-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/month-view/appointment-renderer-mode-stroke-maui-scheduler.png b/MAUI/Scheduler/images/month-view/appointment-renderer-mode-stroke-maui-scheduler.png
new file mode 100644
index 0000000000..2049a5b71f
Binary files /dev/null and b/MAUI/Scheduler/images/month-view/appointment-renderer-mode-stroke-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/resource-view/customize-adapter-header-template-in-maui-scheduler.png b/MAUI/Scheduler/images/resource-view/customize-adapter-header-template-in-maui-scheduler.png
new file mode 100644
index 0000000000..baed9ce736
Binary files /dev/null and b/MAUI/Scheduler/images/resource-view/customize-adapter-header-template-in-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/resource-view/customize-drawer-background-in-maui-scheduler.png b/MAUI/Scheduler/images/resource-view/customize-drawer-background-in-maui-scheduler.png
new file mode 100644
index 0000000000..2121d10c1f
Binary files /dev/null and b/MAUI/Scheduler/images/resource-view/customize-drawer-background-in-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/resource-view/customize-drawer-resource-selection-color-in-maui-scheduler.png b/MAUI/Scheduler/images/resource-view/customize-drawer-resource-selection-color-in-maui-scheduler.png
new file mode 100644
index 0000000000..a09731f5cf
Binary files /dev/null and b/MAUI/Scheduler/images/resource-view/customize-drawer-resource-selection-color-in-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/resource-view/customize-drawer-resource-template-in-maui-scheduler.png b/MAUI/Scheduler/images/resource-view/customize-drawer-resource-template-in-maui-scheduler.png
new file mode 100644
index 0000000000..e087bfe54c
Binary files /dev/null and b/MAUI/Scheduler/images/resource-view/customize-drawer-resource-template-in-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/resource-view/customize-hamburger-icon-color-in-maui-scheduler.png b/MAUI/Scheduler/images/resource-view/customize-hamburger-icon-color-in-maui-scheduler.png
new file mode 100644
index 0000000000..b772f7f9ea
Binary files /dev/null and b/MAUI/Scheduler/images/resource-view/customize-hamburger-icon-color-in-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/images/timeline-views/hide-non-working-days-in-timelinemonth-maui-scheduler.png b/MAUI/Scheduler/images/timeline-views/hide-non-working-days-in-timelinemonth-maui-scheduler.png
new file mode 100644
index 0000000000..0f1d2e9287
Binary files /dev/null and b/MAUI/Scheduler/images/timeline-views/hide-non-working-days-in-timelinemonth-maui-scheduler.png differ
diff --git a/MAUI/Scheduler/month-view.md b/MAUI/Scheduler/month-view.md
index 750d612967..b1c52abded 100644
--- a/MAUI/Scheduler/month-view.md
+++ b/MAUI/Scheduler/month-view.md
@@ -109,6 +109,62 @@ this.Scheduler.MonthView.AppointmentIndicatorSize = 10;
{:width="325" height="600" loading="lazy" .lazy .shadow-effect .section-padding .img-padding}
+## Appointment indicator renderer mode
+
+The scheduler month view allows you to customize the appointment indicator rendering mode by using the `AppointmentIndicatorRenderMode` property of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html). The `AppointmentIndicatorRenderMode` property supports three different types: `Fill`, `Stroke` and `FillAndStroke`. By default, the `AppointmentIndicatorRenderMode` is set to Fill.
+
+{% tabs %}
+{% highlight XAML hl_lines="4" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="3" %}
+
+this.Scheduler.View = SchedulerView.Month;
+this.Scheduler.MonthView.AppointmentDisplayMode = SchedulerMonthAppointmentDisplayMode.Indicator;
+this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.Stroke;
+this.Scheduler.MonthView.AppointmentIndicatorSize = 15;
+this.Scheduler.MonthView.AppointmentIndicatorCount = 2;
+
+{% endhighlight %}
+{% endtabs %}
+
+{:width="325" height="600" loading="lazy" .lazy .shadow-effect .section-padding .img-padding}
+
+## Appointment indicator stroke thickness
+
+The scheduler month view allows you to customize the appointment indicator stroke thickness by using the `AppointmentIndicatorStrokeThickness` property of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html). By default, the `AppointmentIndicatorStrokeThickness` is set to 1d.
+
+{% tabs %}
+{% highlight XAML hl_lines="4" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="5" %}
+
+this.Scheduler.View = SchedulerView.Month;
+this.Scheduler.MonthView.AppointmentDisplayMode = SchedulerMonthAppointmentDisplayMode.Indicator;
+this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.Stroke;
+this.Scheduler.MonthView.AppointmentIndicatorSize = 20;
+this.Scheduler.MonthView.AppointmentIndicatorStrokeThickness = 4;
+
+{% endhighlight %}
+{% endtabs %}
+
+{:width="325" height="600" loading="lazy" .lazy .shadow-effect .section-padding .img-padding}
+
## Hide leading and trailing dates
The previous and next month dates from a Scheduler month view can be hidden by using the [ShowLeadingAndTrailingDates](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html#Syncfusion_Maui_Scheduler_SchedulerMonthView_ShowLeadingAndTrailingDates) property in the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html). The `ShowLeadingAndTrailingDates` property defaults to `true.`
diff --git a/MAUI/Scheduler/resource-view.md b/MAUI/Scheduler/resource-view.md
index 84ab6711bd..0f974fc5a9 100644
--- a/MAUI/Scheduler/resource-view.md
+++ b/MAUI/Scheduler/resource-view.md
@@ -14,7 +14,7 @@ The [.NET MAUI Scheduler](https://www.syncfusion.com/maui-controls/maui-schedule
## Create resources to Scheduler by using SchedulerResource
You can create a resource view by setting the [Name](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html#Syncfusion_Maui_Scheduler_SchedulerResource_Name), [Id](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html#Syncfusion_Maui_Scheduler_SchedulerResource_Id), [Background](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html#Syncfusion_Maui_Scheduler_SchedulerResource_Background), and [Foreground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html#Syncfusion_Maui_Scheduler_SchedulerResource_Foreground) and [DataItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html#Syncfusion_Maui_Scheduler_SchedulerResource_Foreground) properties of the built-in [SchedulerResource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html) class and assign `SchedulerResource` collection to the scheduler by using the [Resources](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_Resources) property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6) class.
-In the **Day**, **Week** and **Work Week** views, resources are displayed **horizontally**, whereas in the **Timeline views** (Timeline Day, Timeline Week, Timeline Work Week and Timeline Month), resources are displayed **vertically**.
+In the **Day**, **Week** and **Work Week** views, resources are displayed **horizontally** on desktop platforms and under an **adaptive header** on mobile platforms. In the **Timeline views** (Timeline Day, Timeline Week, Timeline Work Week and Timeline Month), resources are displayed **vertically**.
{% tabs %}
{% highlight xaml tabtitle="MainPage.xaml" hl_lines="3" %}
@@ -38,8 +38,6 @@ this.Scheduler.ResourceView.Resources = Resources;
{% endhighlight %}
{% endtabs %}
-N> The horizontal display of resources in the **Day**, **Week**, and **Work Week** views is supported only on .NET MAUI desktop platforms (**Windows** and **macOS**).
-
### Assigning Scheduler resources to appointments
Appointments associated with the `ResourceView` [Resources](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_Resources), will be displayed by setting the `SchedulerResourceView` resource Id in the [SchedulerAppointment](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAppointment.html) by using the [ResourceIds](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerRegionBase.html#Syncfusion_Maui_Scheduler_SchedulerRegionBase_ResourceIds).
@@ -114,7 +112,7 @@ this.Scheduler.AppointmentsSource = appointment;
-## Resource Grouping in Days View
+## Resource Grouping in Days View - Desktop
In the day, week, and work week views, you can control whether dates are grouped under resources or resources are grouped under dates by using the [`ResourceGroupType`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_ResourceGroupType) property of the [`SchedulerResourceView`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_Resources) class.
@@ -172,6 +170,261 @@ this.Scheduler.ResourceView.ResourceGroupType = SchedulerResourceGroupType.Date;
+## Resource Grouping in Days View - Mobile
+
+In Mobile platforms, the resource view for the day, week, and work week view where grouped under an adaptive header.
+
+### Customize hamburger icon color
+
+The hamburger icon color can be customized by using the `HamburgerIconColor` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection()
+{
+ new SchedulerResource() { Name = "Sophia", Id = "1000" },
+ new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+ new SchedulerResource() { Name = "James William", Id = "1002" },
+};
+
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.HamburgerIconColor = Colors.Red;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize drawer resource selection color
+
+The drawer resource selection color can be customized by using the `DrawerResourceSelectionColor` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection()
+{
+ new SchedulerResource() { Name = "Sophia", Id = "1000" },
+ new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+ new SchedulerResource() { Name = "James William", Id = "1002" },
+};
+
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.DrawerResourceSelectionColor = Brush.DodgerBlue;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize drawer background
+
+The drawer background can be customized by using the `DrawerBackground` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection()
+{
+ new SchedulerResource() { Name = "Sophia", Id = "1000" },
+ new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+ new SchedulerResource() { Name = "James William", Id = "1002" },
+};
+
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.DrawerBackground = Brush.LightGoldenrodYellow;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize adaptive header appearance using DataTemplate
+
+The adaptive header appearance customization can be achieved by using the `AdaptiveHeaderTemplate` property of [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6) in the [SfScheduler](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html).
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+var Resources = new ObservableCollection()
+{
+ new SchedulerResource() { Name = "Sophia", Id = "1000" },
+ new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+ new SchedulerResource() { Name = "James William", Id = "1002" },
+};
+
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.AdaptiveHeaderTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ Padding = 8,
+ BackgroundColor = Colors.PaleGreen
+ };
+
+ var stack = new HorizontalStackLayout
+ {
+ Spacing = 8,
+ VerticalOptions = LayoutOptions.Center
+ };
+
+ var menuLabel = new Label
+ {
+ Text = "☰",
+ FontSize = 16,
+ TextColor = Colors.Red,
+ VerticalTextAlignment = TextAlignment.Center,
+ HorizontalTextAlignment = TextAlignment.Center,
+ Margin = new Thickness(0, 0, 12, 0)
+ };
+
+ var tap = new TapGestureRecognizer();
+ tap.Tapped += OnTapped;
+ menuLabel.GestureRecognizers.Add(tap);
+ var nameLabel = new Label
+ {
+ FontAttributes = FontAttributes.Bold,
+ FontSize = 14,
+ TextColor = Colors.DarkViolet
+ };
+
+ nameLabel.SetBinding(Label.TextProperty, "Resource.Name");
+ stack.Add(menuLabel);
+ stack.Add(nameLabel);
+ grid.Add(stack);
+ return grid;
+});
+
+private void OnTapped(object sender, TappedEventArgs e)
+{
+ if (sender is Label label && label.BindingContext is SchedulerAdaptiveResource resource)
+ {
+ resource.ToggleResourceDrawerView();
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+N>
+* The BindingContext of the `AdaptiveHeaderTemplate` is the `SchedulerAdaptiveResource.`
+* The `ToggleResourceDrawerView` method should be called on the `SchedulerAdaptiveResource` instance obtained from the control’s BindingContext. It toggles the visibility of the drawer resource view. It is used only when the `AdaptiveHeaderTemplate` is applied.
+
+### Customize drawer resource appearance using DataTemplate
+
+The drawer resource appearance customization can be achieved by using the `DrawerResourceTemplate` property of [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6) in the [SfScheduler](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html).
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+public class Employee
+{
+ public string Name { get; set; }
+ public object Id { get; set; }
+ public Brush BackgroundBrush { get; set; }
+ public Brush ForegroundBrush { get; set; }
+}
+
+var Resources = new ObservableCollection()
+{
+ new Employee() { Name = "Sophia", Id = "1000", BackgroundBrush = Brush.PaleGreen, ForegroundBrush = Brush.Black },
+ new Employee() { Name = "Zoey Addison", Id = "1001", BackgroundBrush = Brush.SkyBlue, ForegroundBrush = Brush.Black },
+ new Employee() { Name = "James William", Id = "1002", BackgroundBrush = Brush.LightPink, ForegroundBrush = Brush.Black },
+};
+
+this.scheduler.ResourceView.Resources = Resources;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+N> The BindingContext of the `DrawerResourceTemplate` is the [SchedulerResource.](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResource.html) and the custom data object can be bound in `DrawerResourceTemplate` by using `SchedulerResource.DataItem` .
+
## Visible Resource Count
The number of resources shown in the day, week, work week, timelineday, timelineweek, timelineworkweek views can be controlled using the [`VisibleResourceCount`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_VisibleResourceCount) property of the [`SchedulerResourceView`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_Resources) class. This lets you define how many resources are visible at a time.
diff --git a/MAUI/Scheduler/timeline-views.md b/MAUI/Scheduler/timeline-views.md
index 0f9a1c2823..9d42d581ef 100644
--- a/MAUI/Scheduler/timeline-views.md
+++ b/MAUI/Scheduler/timeline-views.md
@@ -136,6 +136,37 @@ this.Content = scheduler;
N> The `Timeline workweek` view displays exactly the defined working days on Scheduler control, whereas other views displays all the days.
+## Hide non-working days in timeline month
+
+The `HideNonWorkingDays` property of the [TimelineView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimelineView.html) allows you to control the visibility of non-working days in `TimelineMonth`. By default, the `HideNonWorkingDays` property is set to false.
+
+{% tabs %}
+{% highlight XAML hl_lines="5" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="4" %}
+
+SfScheduler scheduler = new SfScheduler();
+scheduler.View = SchedulerView.TimelineMonth;
+scheduler.TimelineView.NonWorkingDays = SchedulerWeekDays.Monday | SchedulerWeekDays.Wednesday;
+scheduler.TimelineView.HideNonWorkingDays = true;
+this.Content = scheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+N> The `HideNonWorkingDays` property will be applicable only for `TimelineMonth` view, and not be applicable for the remaining views.
+
## Flexible working hours
The default values for [StartHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_StartHour) and [EndHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_EndHour) are `0` and `24` respectively, to show all the time slots for a timeline day, timeline week, or timeline workweek view. You may set these properties to show only the required time periods in [TimelineView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimelineView.html). You can set [StartHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_StartHour) and [EndHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_EndHour) in the time duration to show the required time duration in minutes.
@@ -167,7 +198,7 @@ this.Content = scheduler;
N>
-* The `NonWorkingDays` property will be applicable only for `workWeek` and `TimelineWorkWeek` views only, and not be applicable for the remaining views.
+* The `NonWorkingDays` property will be applicable only for `workWeek` , `TimelineWorkWeek` and `TimelineMonth` views only, and not be applicable for the remaining views.
* No need to specify the decimal point values for `StartHour` and `EndHour`, if you do not want to set the minutes.
* The number of time slots will be calculated based on total minutes of a day and time interval (total minutes of a day ((start hour - end hour) * 60) / time interval).
* If a custom timeInterval is given, then the number of time slots calculated based on the given `TimeInterval` should result in an integer value (total minutes % timeInterval = 0), otherwise the next immediate time interval that results in integer value when dividing total minutes of a day will be considered. For example, if TimeInterval=2 Hours 15 minutes and total minutes = 1440 (24 Hours per day), then the `TimeInterval` will be changed to ‘144’ (1440%144=0) by considering (total minutes % TimeInterval = 0), it will return integer value for time slots rendering.
diff --git a/MAUI/SignaturePad/LiquidGlassSupport.md b/MAUI/SignaturePad/LiquidGlassSupport.md
new file mode 100644
index 0000000000..872dae7d11
--- /dev/null
+++ b/MAUI/SignaturePad/LiquidGlassSupport.md
@@ -0,0 +1,85 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Signature pad | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Signature pad (SfSignaturePad) control and more.
+platform: MAUI
+control: SfSignaturePad
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI SignaturePad
+
+The [SignaturePad](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.SignaturePad.SfSignaturePad.html) supports a `liquid glass` appearance by hosting the control inside the Syncfusion [SfGlassEffectView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when SfSignaturePad is placed over images or colorful layouts
+
+## Availability
+
+- Supported on .NET 10 or greater.
+- Supported on mac or iOS 26 or greater.
+- On platforms/versions below these requirements, the glassEffects blur is not applied and the control falls back to a standard background.
+
+## Prerequisites
+
+- Add Syncfusion.Maui.Core (for SfGlassEffectView) and Syncfusion.Maui.SignaturePad (for SfSignaturePad).
+
+XAML example Wrap the SfSignaturePad in an `SfGlassEffectView` and adjust glassEffects properties to achieve the desired glass effect.
+
+{% tabs %}
+{% highlight xaml hl_lines="20" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="14" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.SignaturePad;
+
+var glassEffects = new SfGlassEffectView
+{
+ CornerRadius=20,
+ HeightRequest=40,
+ EffectType=LiquidGlassEffectType.Regular,
+ EnableShadowEffect=True
+};
+
+var signaturePad = new SfSignaturePad
+{
+ Background = Colors.Transparent,
+ StrokeColor = Color.FromArgb("#1F2937"),
+ StrokeWidth = 2,
+ HorizontalOptions = LayoutOptions.Fill,
+ VerticalOptions = LayoutOptions.Fill
+};
+
+glassEffects.Content = signaturePad;
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfSignaturePad within an acrylic container, with the dropdown using the glass effect.
+
+
\ No newline at end of file
diff --git a/MAUI/SignaturePad/images/getting-started/SignaturePad_liquidglass.png b/MAUI/SignaturePad/images/getting-started/SignaturePad_liquidglass.png
new file mode 100644
index 0000000000..42ca885925
Binary files /dev/null and b/MAUI/SignaturePad/images/getting-started/SignaturePad_liquidglass.png differ
diff --git a/MAUI/Slider/LiquidGlassSupport.md b/MAUI/Slider/LiquidGlassSupport.md
new file mode 100644
index 0000000000..94606487b5
--- /dev/null
+++ b/MAUI/Slider/LiquidGlassSupport.md
@@ -0,0 +1,69 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Slider | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Slider (SfSlider) control and more.
+platform: MAUI
+control: SfSlider
+documentation: ug
+---
+
+
+# Liquid Glass Support for .NET MAUI Slider
+
+The [SfSlider](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Sliders.SfSlider.html) provides `liquid glass` effect for its thumb when [EnableLiquidGlassEffect]() is enabled. The frosted, translucent effect is applied only while the user is pressing/dragging the thumb, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the slider’s appearance at rest, and works well over images or colorful layouts.
+
+## Availability
+
+1. Supported on .NET 10 or greater.
+2. Supported on mac or iOS 26 or greater.
+3. On platforms/versions below these requirements, the glass effect is not applied and the slider thumbs render with the standard appearance.
+
+XAML example The thumb’s glass effect appears only while it is pressed/dragged.
+
+{% tabs %}
+{% highlight xaml hl_lines="19" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# hl_lines="7" %}
+
+using Syncfusion.Maui.Sliders;
+
+var slider = new SfSlider
+{
+ Minimum = 0,
+ Maximum = 100,
+ EnableLiquidGlassEffect = true,
+ Value = 45
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+The following screenshot illustrates SfSlider with the glass effect visible on the thumb while it is pressed.
+
+
+
+N> The glass effect is applied to the thumb only while it is pressed/dragged.
\ No newline at end of file
diff --git a/MAUI/Slider/images/getting-started/slider_liquidglass.gif b/MAUI/Slider/images/getting-started/slider_liquidglass.gif
new file mode 100644
index 0000000000..c99dea84da
Binary files /dev/null and b/MAUI/Slider/images/getting-started/slider_liquidglass.gif differ
diff --git a/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-filter.gif b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-filter.gif
new file mode 100644
index 0000000000..361dd22598
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-filter.gif differ
diff --git a/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-group.gif b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-group.gif
new file mode 100644
index 0000000000..7cb58d9faf
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-group.gif differ
diff --git a/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-highlight.gif b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-highlight.gif
new file mode 100644
index 0000000000..54fae6ad68
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-highlight.gif differ
diff --git a/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-sort.gif b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-sort.gif
new file mode 100644
index 0000000000..5e9b40fcd2
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/AI-Powered Features/maui-smart-datagrid-sort.gif differ
diff --git a/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-button-style.png b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-button-style.png
new file mode 100644
index 0000000000..f6d5777b46
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-button-style.png differ
diff --git a/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-view-style.png b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-view-style.png
new file mode 100644
index 0000000000..ff4f09614d
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-assist-view-style.png differ
diff --git a/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-toolbar-style.png b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-toolbar-style.png
new file mode 100644
index 0000000000..6f4d465eee
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/Appearance/maui-smart-datagrid-toolbar-style.png differ
diff --git a/MAUI/SmartDataGrid/Images/Customization/maui-smart-datagrid-suggested-prompts.png b/MAUI/SmartDataGrid/Images/Customization/maui-smart-datagrid-suggested-prompts.png
new file mode 100644
index 0000000000..42e074e9f5
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/Customization/maui-smart-datagrid-suggested-prompts.png differ
diff --git a/MAUI/SmartDataGrid/Images/getting-started/maui-smart-datagrid.PNG b/MAUI/SmartDataGrid/Images/getting-started/maui-smart-datagrid.PNG
new file mode 100644
index 0000000000..75234b77a0
Binary files /dev/null and b/MAUI/SmartDataGrid/Images/getting-started/maui-smart-datagrid.PNG differ
diff --git a/MAUI/SmartDataGrid/ai-powered-features.md b/MAUI/SmartDataGrid/ai-powered-features.md
new file mode 100644
index 0000000000..61b91c43d5
--- /dev/null
+++ b/MAUI/SmartDataGrid/ai-powered-features.md
@@ -0,0 +1,95 @@
+---
+layout: post
+title: AI-Powered Features in MAUI SmartDataGrid control | Syncfusion®
+description: Learn here all about how to use AI-powered natural language commands in Syncfusion® .NET MAUI SmartDataGrid (SfSmartDataGrid) control and more.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: UG
+keywords : maui datagrid, ai assist, natural language commands, sorting, grouping, filtering, highlighting
+---
+
+# AI-Powered Features in MAUI SmartDataGrid (SfSmartDataGrid)
+
+The `SfSmartDataGrid` provides AI-powered capabilities that enable grid operations through natural language prompts, removing the need for manual configuration. Actions such as sorting, grouping, filtering, highlighting, and clearing can be applied using simple text commands. Multi-column operations are supported in a single prompt for efficient interaction with the grid.
+
+## Sorting
+
+Sorting organizes data by one or more columns in ascending or descending order. Multi-column sorting can be applied in a single command, and previously applied sorting can be removed using a clear command.
+
+### Example Prompts
+
+```
+// Applies sort to the City column in Descending direction
+sort by city in descending
+
+// Applies sort to the City and Revenue columns in Descending and Ascending directions
+sort by city column in descending and Revenue ascending
+
+// Clears sort columns
+clear sorting
+```
+
+
+
+## Grouping
+
+Grouping organizes data by one or more columns as specified in the command. Multiple commands can be combined to create multi-level grouping, and grouping can be removed using a clear command.
+
+### Example Prompts
+
+```
+// Groups data by Country column
+group by Country
+
+// Groups data by Country and ShipCity columns
+group by Country and ShipCity
+
+// Clears all applied grouping
+clear grouping
+```
+
+
+
+## Filtering
+
+Filtering uses natural language conditions like *equals*, *contains*, *greaterThan*, or *between* to build predicates internally and apply them to the grid. Multi step filters using **AND/OR** can be expressed in a single prompt and filters can be cleared with a single command.
+
+### Example Prompts
+
+```
+// Filters rows where Country equals Germany
+filter Country equals Germany
+
+// Filters rows where Country equals Germany AND Revenue is greater than 1000
+filter Country equals Germany AND Revenue greaterThan 1000
+
+// Clears all applied filters
+clear filters
+```
+
+
+
+## Highlight
+
+Highlighting applies styles to rows or cells that meet specified conditions. A color can be included in the command (for example, Red, LightPink, hex, or RGB); if no color is specified, the default highlight color is used. Multiple highlight rules can be combined, and highlights can be cleared individually or all at once.
+
+### Example Prompts
+
+```
+// Highlights rows where Total is greater than 1000 with LightPink color
+highlight rows where Total > 1000 color LightPink
+
+// Highlights rows where Total > 1000 with LightPink AND cells in OrderID less than 1005 with Red color
+highlight rows where Total > 1000 color LightPink AND highlight cells in OrderID lessThan 1005 color Red
+
+// Clears all highlights
+clear highlight
+
+// Clears only row highlights
+clear row highlight
+
+// Clears only cell highlights
+clear cell highlight
+```
+
+
diff --git a/MAUI/SmartDataGrid/appearance.md b/MAUI/SmartDataGrid/appearance.md
new file mode 100644
index 0000000000..ab6bd96866
--- /dev/null
+++ b/MAUI/SmartDataGrid/appearance.md
@@ -0,0 +1,524 @@
+---
+layout: post
+title: Appearance in MAUI SmartDataGrid control | Syncfusion®
+description: Learn here all about how to customize the appearance of Syncfusion® .NET MAUI SmartDataGrid (SfSmartDataGrid) control and more.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: UG
+keywords : maui datagrid, appearance, styling, assistview, toolbar, templates
+---
+
+# Appearance in MAUI SmartDataGrid (SfSmartDataGrid)
+
+The `SfSmartDataGrid` provides options to customize the appearance of its toolbar, AssistView button, and AssistView popup. You can style elements such as background, stroke, and thickness, or replace default visuals with templates for complete control over the layout and design.
+
+## Toolbar
+
+### Styling
+
+The toolbar’s visual style is driven by the following `SmartAssistStyle` properties:
+
+- `ToolbarBackground`: Background color for the toolbar.
+- `ToolbarStroke`: Border color of the toolbar.
+- `ToolbarStrokeThickness`: Border thickness of the toolbar.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+var style = SmartGrid.AssistViewSettings.AssistStyle;
+style.ToolbarBackground = Color.FromArgb("#F7F2FB");
+style.ToolbarStroke = Colors.Red;
+style.ToolbarStrokeThickness = 2f;
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Toolbar Template
+
+The `SfSmartDataGrid` control allows you to fully customize the toolbar appearance by using the `ToolbarTemplate` property. This property lets you define a custom layout and style for the toolbar.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.ToolbarTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ BackgroundColor = Colors.LightGray,
+ Padding = new Thickness(8, 8),
+ ColumnDefinitions =
+ {
+ new ColumnDefinition { Width = GridLength.Star },
+ new ColumnDefinition { Width = GridLength.Auto }
+ }
+ };
+
+ var label = new Label
+ {
+ Text = "My Custom Toolbar",
+ VerticalTextAlignment = TextAlignment.Center,
+ FontAttributes = FontAttributes.Bold
+ };
+
+ var button = new Button
+ {
+ Text = "Ask AI"
+ };
+
+ Grid.SetColumn(button, 1);
+
+ button.Clicked += OnAskAIClicked;
+
+ grid.Add(label, 0, 0);
+ grid.Add(button, 1, 0);
+
+ return grid;
+});
+{% endhighlight %}
+{% endtabs %}
+
+
+## AssistView Button
+
+### Styling
+
+The AssistView button’s visual style is driven by the following `SmartAssistStyle` properties:
+
+- `AssistButtonBackground`: Background color for the AssistView button.
+- `AssistButtonIconColor`: Color applied to the AssistView button icon.
+- `AssistButtonCornerRadius`: Corner radius for the button shape.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+var style = SmartGrid.AssistViewSettings.AssistStyle;
+style.AssistButtonBackground = Color.FromArgb("#6750A4");
+style.AssistButtonIconColor = Colors.Red
+style.AssistButtonCornerRadius = 10;
+{% endhighlight %}
+{% endtabs %}
+
+
+
+N> To customize the AssistView control's chat appearance and styles, refer to Syncfusion's official help documentation for **[.NET MAUI AIAssistView](https://help.syncfusion.com/maui/aiassistview/styles)**.
+
+### AssistViewButton Icon Visibility
+
+The `SfSmartDataGrid.ShowAssistButtonIcon` property determines whether the AssistView button icon is displayed. By default, ShowAssistButtonIcon is set to `true`. To hide the icon, set this property to false.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+// Hide the AssistView icon
+SmartGrid.ShowAssistButtonIcon = false;
+{% endhighlight %}
+{% endtabs %}
+
+### AssistView Button Template
+
+The `SfSmartDataGrid` control allows you to fully customize the AssistView button’s appearance by using the `AssistButtonTemplate` property. This property lets you define a custom layout and style for the button.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistButtonTemplate = new DataTemplate(() =>
+{
+ return new Button
+ {
+ Text = "Ask",
+ BackgroundColor = Color.FromArgb("#6750A4"),
+ TextColor = Colors.White,
+ CornerRadius = 20
+ };
+});
+{% endhighlight %}
+{% endtabs %}
+
+### AssistView Icon Template
+
+The `SfSmartDataGrid` control allows you to fully customize the AssistView button’s icon by using the `AssistButtonIconTemplate` property. This property lets you define a custom layout for the icon.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistButtonIconTemplate = new DataTemplate(() =>
+{
+ return new Image
+ {
+ Source = "assistant_icon.png",
+ HeightRequest = 20,
+ WidthRequest = 20
+ };
+});
+{% endhighlight %}
+{% endtabs %}
+
+## AssistView
+
+### Styling
+
+Use `SmartAssistStyle` to style the AssistView popup, header, and default highlight color.
+
+- `AssistPopupStroke`: Border color of the AssistView popup.
+- `AssistPopupStrokeThickness`: Border thickness of the AssistView popup.
+- `AssistViewHeaderTextColor`:Text color of the header.
+- `AssistViewHeaderFontFamily`: Font family used for the header text.
+- `AssistViewHeaderFontAttributes`: Font attributes (e.g., Bold, Italic).
+- `AssistViewHeaderFontSize`: Font size for header text.
+- `AssistViewHeaderBackground`: Background color of the header.
+- `HighlightColor`: Fallback color used by row/cell highlight actions when the prompt doesn’t specify a color.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+var style = SmartGrid.AssistViewSettings.AssistStyle;
+style.AssistPopupStroke = Color.FromArgb("#CAC4D0");
+style.AssistPopupStrokeThickness = 2;
+style.AssistViewHeaderTextColor = Color.FromArgb("#6750A4");
+style.AssistViewHeaderFontFamily = "TimesNewRoman";
+style.AssistViewHeaderFontAttributes = FontAttributes.Bold;
+style.AssistViewHeaderFontSize = 16d;
+style.AssistViewHeaderBackground = Color.FromArgb("#FFFBFE");
+style.HighlightColor = Colors.Red;
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### AssistView Header Text
+
+The `AssistViewHeaderText` property in `DataGridAssistViewSettings` is used to change the default text displayed in the AssistView header. By default, the header text is "AI Assistant".
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.AssistViewHeaderText = "Smart Assistant";
+{% endhighlight %}
+{% endtabs %}
+
+### Show AssistView Close Button
+
+The `ShowAssistViewCloseButton` property in `DataGridAssistViewSettings` determines whether the close button in the AssistView header is displayed. By default, this property is set to `true`. To hide the close button, set this property to false.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.ShowAssistViewCloseButton = false;
+{% endhighlight %}
+{% endtabs %}
+
+### Show AssistView Banner
+
+The `ShowAssistViewBanner` property in `DataGridAssistViewSettings` determines whether the banner area of the AssistView is displayed. By default, this property is set to `true`. To hide the banner, set this property to false.
+
+N> To display the content defined in `AssistViewBannerTemplate` and the `suggestions` in the AssistView, you must set `ShowAssistViewBanner` to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+SmartGrid.AssistViewSettings.ShowAssistViewBanner = true;
+{% endhighlight %}
+{% endtabs %}
+
+### AssistView Header Template
+
+The `SfSmartDataGrid` control allows you to fully customize the AssistView header’s appearance by using the `AssistViewHeaderTemplate` property in `DataGridAssistViewSettings`. This property lets you define a custom layout and style for the header.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+SmartGrid.AssistViewSettings.AssistViewHeaderTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ Padding = new Thickness(10),
+ BackgroundColor = Color.FromArgb("#F5F5F5"),
+ ColumnDefinitions =
+ {
+ new ColumnDefinition { Width = GridLength.Star },
+ new ColumnDefinition { Width = GridLength.Auto }
+ }
+ };
+
+ var titleLabel = new Label
+ {
+ Text = "My AI Assistant",
+ FontAttributes = FontAttributes.Bold,
+ FontSize = 18,
+ VerticalOptions = LayoutOptions.Center,
+ HorizontalOptions = LayoutOptions.Start
+ };
+
+ var closeButton = new Button
+ {
+ Text = "✕",
+ TranslationY = -4,
+ TextColor = Colors.Red,
+ FontSize = 16,
+ HeightRequest = 18,
+ WidthRequest = 18,
+ BackgroundColor = Colors.Transparent
+ };
+
+ closeButton.Clicked += (s, args) =>
+ {
+ SmartGrid.CloseAssistView();
+ };
+ grid.Add(titleLabel, 0, 0);
+ grid.Add(closeButton, 1, 0);
+
+ return grid;
+});
+{% endhighlight %}
+{% endtabs %}
+
+### AssistView Banner Template
+
+The `SfSmartDataGrid` control allows you to fully customize the AssistView banner area by using the `AssistViewBannerTemplate` property in `DataGridAssistViewSettings`. This property lets you define a custom layout and style for the banner.
+
+N> To display the content defined in `AssistViewBannerTemplate`, you must set `ShowAssistViewBanner` to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.AssistViewBannerTemplate = new DataTemplate(() =>
+{
+ return new Label
+ {
+ Text = "I'm Sync AI for you",
+ FontAttributes = FontAttributes.Bold,
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center,
+ HorizontalTextAlignment = TextAlignment.Center,
+ VerticalTextAlignment = TextAlignment.Center
+ };
+});
+{% endhighlight %}
+{% endtabs %}
+
+### AssistView Editor Template
+
+The `SfSmartDataGrid` control allows you to fully customize the AssistView Editor area by using the `AssistViewEditorTemplate` property in `DataGridAssistViewSettings`. This property lets you define a custom layout and style for the editor.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.AssistViewEditorTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ Padding = new Thickness(8),
+ ColumnDefinitions =
+ {
+ new ColumnDefinition { Width = GridLength.Star },
+ new ColumnDefinition { Width = GridLength.Auto }
+ }
+ };
+
+ var entry = new Entry
+ {
+ Placeholder = "Ask the grid..."
+ };
+
+ entry.Completed += Entry_Completed;
+
+ var sendButton = new Button
+ {
+ Text = "Send"
+ };
+
+ Grid.SetColumn(sendButton, 1);
+
+ sendButton.Clicked += Button_Clicked;
+
+ grid.Add(entry, 0, 0);
+ grid.Add(sendButton, 1, 0);
+
+ return grid;
+});
+{% endhighlight %}
+{% endtabs %}
diff --git a/MAUI/SmartDataGrid/customization.md b/MAUI/SmartDataGrid/customization.md
new file mode 100644
index 0000000000..2f4476a87c
--- /dev/null
+++ b/MAUI/SmartDataGrid/customization.md
@@ -0,0 +1,172 @@
+---
+layout: post
+title: Customization in MAUI SmartDataGrid control | Syncfusion®
+description: Learn here all about how to customize behavior and features of Syncfusion® .NET MAUI SmartDataGrid (SfSmartDataGrid) control and more.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: UG
+keywords : maui datagrid, customization, assistview, prompts, smart actions
+---
+
+# Customization in MAUI SmartDataGrid (SfSmartDataGrid)
+
+The `SfSmartDataGrid` provides options to customize its behavior and appearance, including predefined suggestions, initial prompts, enabling or disabling smart actions, and programmatic control of the AssistView.
+
+## Suggestion
+
+The `SuggestedPrompts` property in `DataGridAssistViewSettings` is used to provide a predefined list of suggestions that appear in the AssistView. These suggestions help users quickly select common actions without typing commands manually.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+public class OrderInfoRepository
+{
+ public ObservableCollection Suggestions { get; set; } = new ObservableCollection
+ {
+ new AssistSuggestion() {Text = "Which orders have a payment status of Not Paid?"},
+ new AssistSuggestion() {Text ="What are the top 10 orders with the highest freight cost?"},
+ new AssistSuggestion() {Text = "Which customers have placed the most orders?"},
+ new AssistSuggestion() {Text = "What are the orders shipped to Brazil?"},
+ new AssistSuggestion() {Text = "What is the total quantity of products ordered across all orders?"},
+ };
+}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Prompt
+
+The `Prompt` property in `DataGridAssistViewSettings` defines an initial prompt that is automatically executed when the AssistView opens for the first time.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.Prompt = "Sort by OrderDate ascending";
+{% endhighlight %}
+{% endtabs %}
+
+## EnableSmartActions
+
+The `EnableSmartActions` property in `DataGridAssistViewSettings` determines whether actions are applied to the DataGrid. By default, this property is set to true, allowing operations such as sorting, grouping, filtering, and highlighting to be executed automatically. Setting it to false restricts these actions from being applied to the grid.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+SmartGrid.AssistViewSettings.EnableSmartActions = true;
+{% endhighlight %}
+{% endtabs %}
+
+## Show AssistView Programmatically
+
+The `ShowAssistView` and `CloseAssistView` methods in `DataGridAssistViewSettings` are used to display or hide the AssistView popup programmatically. By default, calling ShowAssistView() opens the AssistView popup relative to the default assist button. The ShowAssistView method also provides an optional parameter of type View; when a view is passed, the popup opens relative to the specified view instead of the default button.
+
+{% tabs %}
+{% highlight c# %}
+// Show AssistView popup relative to the default assist button
+SmartGrid.ShowAssistView();
+
+// Show AssistView popup relative to a specific view (e.g., a button)
+SmartGrid.ShowAssistView();
+
+// Close the AssistView popup
+SmartGrid.CloseAssistView();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Apply Smart Actions Programmatically
+
+The `GetResponseAsync` method in `DataGridAssistViewSettings` is used to fetch a response programmatically without opening the AssistView popup. By passing a prompt to this method, the required action is applied directly to the DataGrid.
+
+{% tabs %}
+{% highlight c# %}
+SmartGrid.GetResponseAsync("Sort the OrderID by Descending");
+{% endhighlight %}
+{% endtabs %}
+
+
+## Events
+
+### AssistViewRequest
+
+The `SfSmartDataGrid.AssistViewRequest` event is triggered whenever a user request is sent. This event provides the Prompt as an argument through `AssistViewRequestEventArgs` and includes a `Cancel` property. Setting Cancel to true prevents the request from being processed.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+private void OnAssistRequest(object sender, AssistViewRequestEventArgs e)
+{
+ var prompt = e.Prompt;
+ e.Cancel = True;
+}
+{% endhighlight %}
+{% endtabs %}
+
+### AssistViewOpening
+
+The `DataGridAssistViewSettings.AssistViewOpening` event is triggered whenever the AssistView popup is about to open. This event provides `AssistViewOpeningEventArgs`, which includes a `Cancel` property. Setting Cancel to true prevents the AssistView popup from opening.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+private void OnAssistOpening(object sender, AssistViewOpeningEventArgs e)
+{
+ e.Cancel = True;
+}
+{% endhighlight %}
+{% endtabs %}
+
+### AssistViewClosing
+
+The `DataGridAssistViewSettings.AssistViewClosing` event is triggered whenever the AssistView popup is about to close. This event provides `AssistViewClosingEventArgs`, which includes a `Cancel` property. Setting Cancel to true prevents the AssistView popup from closing.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+private void OnAssistClosing(object sender, AssistViewClosingEventArgs e)
+{
+ e.Cancel = True;
+}
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/SmartDataGrid/getting-started.md b/MAUI/SmartDataGrid/getting-started.md
new file mode 100644
index 0000000000..4e13e7222f
--- /dev/null
+++ b/MAUI/SmartDataGrid/getting-started.md
@@ -0,0 +1,583 @@
+---
+layout: post
+title: Getting Started with .NET MAUI Smart DataGrid | Syncfusion®
+description: Learn about getting started with Syncfusion .NET MAUI Smart DataGrid (SfDataGrid) control, its elements, and more here.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: ug
+keywords: maui smart datagrid getting started, ai datagrid maui, .net maui smart datagrid setup, Syncfusion.Maui.SmartComponents
+---
+
+# Getting Started with .NET MAUI Smart DataGrid
+
+This section provides a quick overview for working with the [SfSmartDataGrid](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.SmartComponents.SfSmartDataGrid.html) for .NET MAUI. Follow the steps below to add a basic Smart DataGrid to your project.
+
+N> The Smart DataGrid is distributed as part of the `Syncfusion.Maui.SmartComponents` package and supports AI-assisted interactions such as intelligent sorting, filtering, grouping, and highlighting. Ensure your application has the required AI service configuration to enable these features.
+
+{% tabcontents %}
+{% tabcontent Visual Studio %}
+
+## Prerequisites
+Before proceeding, ensure the following are set up:
+
+1. Install [.NET 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) or later is installed.
+2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.3 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 Smart DataGrid NuGet Package
+
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
+2. Search for [Syncfusion.Maui.SmartComponents]() and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+[Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the MauiProgram.cs file, register the handler for Syncfusion® core.
+
+{% highlight c# hl_lines="6 22" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.Core.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ builder.ConfigureSyncfusionCore();
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 5: Add a Basic Smart DataGrid
+
+1. Import the control namespace `Syncfusion.Maui.SmartComponents` in XAML or C# code.
+2. Initialize the [SfSmartDataGrid]() control.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartDataGrid dataGrid = new SfSmartDataGrid();
+ this.Content = dataGrid;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+{% endtabcontent %}
+
+{% tabcontent Visual Studio Code %}
+
+## Prerequisites
+Before proceeding, ensure the following are set up:
+
+1. Install [.NET 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.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-9.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 Smart DataGrid NuGet Package
+
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
+2. Search for [Syncfusion.Maui.SmartComponents]() and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+[Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the MauiProgram.cs file, register the handler for Syncfusion® core.
+
+{% highlight c# hl_lines="6 17" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.Core.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ builder.ConfigureSyncfusionCore();
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 5: Add a Basic Smart DataGrid
+
+1. Import the control namespace `Syncfusion.Maui.SmartComponents` in XAML or C# code.
+2. Initialize the [SfSmartDataGrid]() control.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartDataGrid dataGrid = new SfSmartDataGrid();
+ this.Content = dataGrid;
+ }
+}
+
+{% 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 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.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 Smart DataGrid NuGet Package
+
+1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
+2. Search for [Syncfusion.Maui.SmartComponents]() and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+[Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the `MauiProgram.cs` file, register the handler for Syncfusion® core.
+
+{% highlight c# hl_lines="6 17" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.Core.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ builder.ConfigureSyncfusionCore();
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+## Step 5: Add a Basic Smart DataGrid
+
+1. Import the control namespace `Syncfusion.Maui.SmartComponents` in XAML or C# code.
+2. Initialize the [SfSmartDataGrid]() control.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartDataGrid dataGrid = new SfSmartDataGrid();
+ this.Content = dataGrid;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+{% endtabcontent %}
+{% endtabcontents %}
+
+## Step 6: Define the View Model
+
+### Data Model
+
+Create a simple data model as shown in the following code example, and save it as `OrderInfo.cs` file:
+
+{% tabs %}
+{% highlight c# %}
+public class OrderInfo
+{
+ private string orderID;
+ private string customerID;
+ private string customer;
+ private string shipCity;
+ private string shipCountry;
+
+ public string OrderID
+ {
+ get { return orderID; }
+ set { this.orderID = value; }
+ }
+
+ public string CustomerID
+ {
+ get { return customerID; }
+ set { this.customerID = value; }
+ }
+
+ public string ShipCountry
+ {
+ get { return shipCountry; }
+ set { this.shipCountry = value; }
+ }
+
+ public string Customer
+ {
+ get { return this.customer; }
+ set { this.customer = value; }
+ }
+
+ public string ShipCity
+ {
+ get { return shipCity; }
+ set { this.shipCity = value; }
+ }
+
+ public OrderInfo(string orderId, string customerId, string country, string customer, string shipCity)
+ {
+ this.OrderID = orderId;
+ this.CustomerID = customerId;
+ this.Customer = customer;
+ this.ShipCountry = country;
+ this.ShipCity = shipCity;
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+N> If you want your data model to respond to property changes, implement the `INotifyPropertyChanged` interface in your model class.
+
+### View Model
+
+Create a model repository class with `OrderInfo` collection property initialized with the required number of data objects in a new class file as shown in the following code example, and save it as `OrderInfoRepository.cs` file:
+
+{% tabs %}
+{% highlight c# %}
+public class OrderInfoRepository
+{
+ private ObservableCollection orderInfo;
+ public ObservableCollection OrderInfoCollection
+ {
+ get { return orderInfo; }
+ set { this.orderInfo = value; }
+ }
+
+ public OrderInfoRepository()
+ {
+ orderInfo = new ObservableCollection();
+ this.GenerateOrders();
+ }
+
+ public void GenerateOrders()
+ {
+ orderInfo.Add(new OrderInfo("1001", "Maria Anders", "Germany", "ALFKI", "Berlin"));
+ orderInfo.Add(new OrderInfo("1002", "Ana Trujillo", "Mexico", "ANATR", "Mexico D.F."));
+ orderInfo.Add(new OrderInfo("1003", "Ant Fuller", "Mexico", "ANTON", "Mexico D.F."));
+ orderInfo.Add(new OrderInfo("1004", "Thomas Hardy", "UK", "AROUT", "London"));
+ orderInfo.Add(new OrderInfo("1005", "Tim Adams", "Sweden", "BERGS", "London"));
+ orderInfo.Add(new OrderInfo("1006", "Hanna Moos", "Germany", "BLAUS", "Mannheim"));
+ orderInfo.Add(new OrderInfo("1007", "Andrew Fuller", "France", "BLONP", "Strasbourg"));
+ orderInfo.Add(new OrderInfo("1008", "Martin King", "Spain", "BOLID", "Madrid"));
+ orderInfo.Add(new OrderInfo("1009", "Lenny Lin", "France", "BONAP", "Marsiella"));
+ orderInfo.Add(new OrderInfo("1010", "John Carter", "Canada", "BOTTM", "Lenny Lin"));
+ orderInfo.Add(new OrderInfo("1011", "Laura King", "UK", "AROUT", "London"));
+ orderInfo.Add(new OrderInfo("1012", "Anne Wilson", "Germany", "BLAUS", "Mannheim"));
+ orderInfo.Add(new OrderInfo("1013", "Martin King", "France", "BLONP", "Strasbourg"));
+ orderInfo.Add(new OrderInfo("1014", "Gina Irene", "UK", "AROUT", "London"));
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+### Binding the ViewModel
+
+Create a `ViewModel` instance and set it as the DataGrid's `BindingContext`. This enables property binding from `ViewModel` class.
+
+To populate the `SfSmartDataGrid`, bind the item collection from its `BindingContext` to [SfSmartDataGrid.ItemsSource]() property.
+
+The following code example binds the collection created in the previous step to the `SfSmartDataGrid.ItemsSource` property:
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+OrderInfoRepository viewModel = new OrderInfoRepository();
+dataGrid.ItemsSource = viewModel.OrderInfoCollection;
+{% endhighlight %}
+{% endtabs %}
+
+## Step 7: Enabling AI-Assisted Operations
+
+The Smart DataGrid supports natural language operations for enhanced data interaction. These features require configuring an AI provider in your application.
+
+### Using AI Features
+
+Once configured, leverage AI-assisted features such as:
+
+- **AI Sorting**: Sort data intelligently by entering prompts like “Sort by customer name alphabetically”.
+- **Intelligent Filtering**: Apply filters using natural language, e.g., “Show orders from Germany shipped in the last month”.
+- **Smart Grouping**: Group data with prompts like “Group by ship country, then by customer”.
+- **Row and Cell Highlighting**: Highlight critical information, e.g., “Highlight orders where quantity is greater than 10”.
+
+## Step 8: Running the Application
+
+Press **F5** to build and run the application. Once compiled, the smart datagrid will be displayed with the data provided, and AI features will be available after configuration.
+
+Here is the result of the previous codes,
+
+
+
+N> You can refer to our [.NET MAUI Smart DataGrid]() feature tour page for its groundbreaking feature representations. You can also explore our [.NET MAUI Smart DataGrid Example]() that shows you how to render the Smart DataGrid in .NET MAUI.
\ No newline at end of file
diff --git a/MAUI/SmartDataGrid/overview.md b/MAUI/SmartDataGrid/overview.md
new file mode 100644
index 0000000000..af95c3fe24
--- /dev/null
+++ b/MAUI/SmartDataGrid/overview.md
@@ -0,0 +1,25 @@
+---
+layout: post
+title: About .NET MAUI Smart DataGrid control | Syncfusion®
+description: Learn about the Syncfusion® .NET MAUI Smart DataGrid (SfSmartDataGrid) control and its AI-assisted features.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: ug
+keywords: maui smart datagrid, ai datagrid maui, smart grid maui, ai gridview maui, .net maui smart datagrid, .net maui ai grid
+---
+
+# .NET MAUI Smart DataGrid (SfSmartDataGrid) Overview
+
+The .NET MAUI Smart DataGrid is an AI-assisted data grid control that enhances how users interact with data. It enables natural language–driven operations for sorting, filtering, grouping, and highlighting, helping users perform complex tasks more intuitively and efficiently.
+
+
+
+**Key Features**
+
+* **AI Sorting** – Sort data intelligently by entering a natural language prompt. The Smart DataGrid interprets user intent and applies context-aware sorting.
+
+* **Intelligent Filtering** – Apply advanced filters using plain-language instructions. The grid dynamically adapts and applies predictive filtering criteria.
+
+* **Smart Grouping** – Group related data with AI prompts. The grid understands user intent and organizes records for improved clarity and analysis.
+
+* **Row and Cell Highlighting** – Emphasize important information by describing conditions in a prompt. The grid highlights critical rows or cells based on contextual understanding.
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/events.md b/MAUI/SmartScheduler/events.md
new file mode 100644
index 0000000000..0f8ffdafae
--- /dev/null
+++ b/MAUI/SmartScheduler/events.md
@@ -0,0 +1,45 @@
+---
+layout: post
+title: Events support in .NET MAUI AI-Powered Scheduler control | Syncfusion
+description: Learn here all about Events support in Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: MAUI
+control: SfSmartScheduler
+documentation: ug
+---
+
+# Events in .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+The `SfSmartScheduler` supports the `AssistAppointmentResponseCompleted` event to interact with .NET MAUI smart Scheduler.
+
+## AssistAppointmentResponseCompleted Event
+
+The `SfSmartScheduler` control provides the `AssistAppointmentResponseCompleted` to respond an appointment is created or modified through AI assistance. The appointment, assistant response, handled and action are passed through the `AssistAppointmentResponseCompletedEventArgs`. This argument provides the following details:
+
+ * [Appointment](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAppointment.html) : The appointment details.
+ * `Handled` : The value indicates whether the event is handled or not.
+ * `AssistantResponse` : The appointment response.
+ * `Action` : The action indicates whether the appointment is added, edited or deleted.
+
+The following example demonstrates how to handle the `AssistAppointmentResponseCompleted` event.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+private void OnAssistAppointmentResponseCompleted(object sender, AssistAppointmentResponseCompletedEventArgs e)
+{
+ SchedulerAppointment? appointment = e.Appointment;
+ string response = e.AssistantResponse;
+ if (e.Action == AppointmentAction.Add)
+ {
+ e.Handled = true;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/getting-started.md b/MAUI/SmartScheduler/getting-started.md
new file mode 100644
index 0000000000..c0e7d13170
--- /dev/null
+++ b/MAUI/SmartScheduler/getting-started.md
@@ -0,0 +1,422 @@
+---
+layout: post
+title: Getting Started with .NET MAUI AI-Powered Scheduler | Syncfusion®
+description: Learn here all about getting started with Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: maui
+control: SfSmartScheduler
+documentation: ug
+keywords : .net maui smart scheduler
+---
+
+# Getting Started with the .NET MAUI AI-Powered Scheduler
+
+This section explains how to add the smart scheduler as well as the essential aspects for getting started with the smart Scheduler and also provides a walk-through to configure the `.NET MAUI Smart Scheduler` control in a real-time scenario. Follow the steps below to add a .NET Smart Scheduler control to your project.
+
+{% tabcontents %}
+{% tabcontent Visual Studio %}
+
+## Prerequisites
+
+Before proceeding, ensure the following are set up:
+1. Install [.NET 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) or later is installed.
+2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.3 or later) or Visual Studio Code. For Visual Studio Code users, ensure that the .NET MAUI workload is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-9.0&tabs=visual-studio-code)
+
+## 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® .NET MAUI smart Scheduler NuGet Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for `Syncfusion.Maui.SmartComponents` and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("Segoe-mdl2.ttf", "SegoeMDL2");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 5: Add .NET MAUI smart Scheduler
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize `SfSmartScheduler`
+
+{% tabs %}
+{% highlight XAML hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartScheduler smartScheduler = new SfSmartScheduler();
+ this.Content = smartScheduler;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% tabcontent Visual Studio Code %}
+
+## Prerequisites
+
+Before proceeding, ensure the following are set up:
+1. Install [.NET 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.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-9.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.**
+
+{% 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 9 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/9.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 Smart Scheduler NuGet Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for `Syncfusion.Maui.SmartComponents` 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
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("Segoe-mdl2.ttf", "SegoeMDL2");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+## Step 5: Add .NET MAUI smart Scheduler
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize `SfSmartScheduler`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartScheduler smartScheduler = new SfSmartScheduler();
+ this.Content = smartScheduler;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+{% endtabcontent %}
+{% endtabcontents %}
+
+## Step 2: Install the Syncfusion® .NET MAUI Smart Scheduler NuGet 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.SmartComponents` to install the Syncfusion® .NET MAUI Smart Scheduler NuGet package.
+4. To ensure all dependencies are installed, run `dotnet restore`.
+
+## Step 3: Register the handler
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ fonts.AddFont("Segoe-mdl2.ttf", "SegoeMDL2");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 5: Add .NET MAUI smart Scheduler
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize `SfSmartScheduler`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartScheduler smartScheduler = new SfSmartScheduler();
+ this.Content = smartScheduler;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
diff --git a/MAUI/SmartScheduler/images/overview/maui-smart-scheduler-overview.png b/MAUI/SmartScheduler/images/overview/maui-smart-scheduler-overview.png
new file mode 100644
index 0000000000..3e0ef16664
Binary files /dev/null and b/MAUI/SmartScheduler/images/overview/maui-smart-scheduler-overview.png differ
diff --git a/MAUI/SmartScheduler/images/styles/maui-smart-scheduler-assist-view-styles.png b/MAUI/SmartScheduler/images/styles/maui-smart-scheduler-assist-view-styles.png
new file mode 100644
index 0000000000..dc930998fd
Binary files /dev/null and b/MAUI/SmartScheduler/images/styles/maui-smart-scheduler-assist-view-styles.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-button-template.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-button-template.png
new file mode 100644
index 0000000000..1b04656c57
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-button-template.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-banner-template.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-banner-template.png
new file mode 100644
index 0000000000..6d913045ff
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-banner-template.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-template.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-template.png
new file mode 100644
index 0000000000..c8f078e5a8
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-template.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-text.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-text.png
new file mode 100644
index 0000000000..c1a3b4846d
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-header-text.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-height.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-height.png
new file mode 100644
index 0000000000..a3c94e86b8
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-height.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-placeholder.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-placeholder.png
new file mode 100644
index 0000000000..0788039bc6
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-placeholder.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-prompt.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-prompt.png
new file mode 100644
index 0000000000..4ecca73ea5
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-prompt.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-suggested-prompts.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-suggested-prompts.png
new file mode 100644
index 0000000000..14ab13fd33
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-suggested-prompts.png differ
diff --git a/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-width.png b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-width.png
new file mode 100644
index 0000000000..e4ecbfa9a0
Binary files /dev/null and b/MAUI/SmartScheduler/images/working-with-smart-scheduler/maui-smart-scheduler-assist-view-width.png differ
diff --git a/MAUI/SmartScheduler/methods.md b/MAUI/SmartScheduler/methods.md
new file mode 100644
index 0000000000..d25749375c
--- /dev/null
+++ b/MAUI/SmartScheduler/methods.md
@@ -0,0 +1,87 @@
+---
+layout: post
+title: Methods support in .NET MAUI AI-Powered Scheduler control | Syncfusion
+description: Learn here all about methods support in Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: MAUI
+control: SfSmartScheduler
+documentation: ug
+---
+
+# Methods in .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+The `SfSmartScheduler` supports the `ResetAssistView`, `CloseAssistView` and `OpenAssistView` methods to reset, close or open assist view programmatically.
+
+## Reset assist view
+
+The `SfSmartScheduler` control provides the `ResetAssistView` method to reset assist view programmatically.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="3" %}
+private void Button_Clicked(object sender, EventArgs e)
+{
+ this.smartScheduler.ResetAssistView();
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Close assist view
+
+The `SfSmartScheduler` control provides the `CloseAssistView` method to close assist view programmatically.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="3" %}
+private void Button_Clicked(object sender, EventArgs e)
+{
+ this.smartScheduler.CloseAssistView();
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Open assist view
+
+The `SfSmartScheduler` control provides the `OpenAssistView` method to open assist view programmatically.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="3" %}
+private void Button_Clicked(object sender, EventArgs e)
+{
+ this.smartScheduler.OpenAssistView();
+}
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/overview.md b/MAUI/SmartScheduler/overview.md
new file mode 100644
index 0000000000..e7f454ad20
--- /dev/null
+++ b/MAUI/SmartScheduler/overview.md
@@ -0,0 +1,31 @@
+---
+layout: post
+title: About .NET MAUI AI-Powered Scheduler control | Syncfusion
+description: Learn here all about introduction of Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: maui
+control: SfSmartScheduler
+documentation: ug
+keywords : .net maui smartScheduler, maui smart scheduler, ai scheduling, natural language scheduling, resource-aware booking, free time finder, appointment summarization.
+---
+
+# Overview of .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+The Syncfusion® `.NET MAUI AI-Powered Scheduler` combines the power of the Scheduler with AI-driven intent understanding. Users can create, update, delete, and explore appointments using plain language, reducing clicks and turning scheduling into a conversation. It respects current view context, resources, and availability, and can detect conflicts, find free time, and summarize schedules.
+
+
+
+## Key features
+
+* **Natural-language CRUD:** Create, update, and delete appointments by typing what you want. The SmartScheduler understands time, date, subject, recurrence, and even resource references without requiring structured forms.
+
+* **Resource-aware booking:** Book rooms, equipment, or people while respecting their availability and the scheduler’s current filters. When a requested resource is unavailable, the control can suggest alternatives or adjacent time slots.
+
+* **Conflict detection:** Instantly detect overlapping appointments for selected dates, ranges, or resources. The AI-Powered scheduler can highlight conflicts and propose resolutions (e.g., reschedule, reassign, or extend buffer times)
+
+* **Smart summarization:** Generate concise summaries for upcoming or selected appointments, helping users understand what’s next at a glance (e.g., “Summarize my meetings tomorrow”).
+
+* **Adaptive assist panel:** The assist view opens in compact or expanded layouts with configurable height and width, providing a comfortable experience on phone, tablet, and desktop.
+
+* **Assist button:** The assist button can be enabled or disabled and replaced with a custom data template to match the app’s design.
+
+* **Event Support:** Users can choose whether appointment changes are applied automatically by the AI-Powered Scheduler or handled manually using events.
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/styles.md b/MAUI/SmartScheduler/styles.md
new file mode 100644
index 0000000000..816171bda5
--- /dev/null
+++ b/MAUI/SmartScheduler/styles.md
@@ -0,0 +1,52 @@
+---
+layout: post
+title: Styles support .NET MAUI AI-Powered Scheduler control | Syncfusion
+description: Learn here all about Styles support in Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: MAUI
+control: SfSmartScheduler
+documentation: ug
+---
+
+# Styles in .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+You can style the elements of the `.NET MAUI Smart Scheduler` assist view using the `PlaceholderColor`, `AssistViewHeaderTextColor`, `AssistViewHeaderBackground`, `AssistViewHeaderFontSize`, `AssistViewHeaderFontFamily`, `AssistViewHeaderFontAttributes` and `AssistViewHeaderFontAutoScalingEnabled` properties of the `AssistStyle`.
+
+{% tabs %}
+{% highlight XAML hl_lines="4 5 6 7 8 9 10 11 12" %}
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.AssistStyle = new SmartSchedulerAssistStyle()
+{
+ PlaceholderColor = Color.FromArgb("#6750A4"),
+ AssistViewHeaderBackground = Color.FromArgb("#6750A4"),
+ AssistViewHeaderTextColor = Color.FromArgb("#FFFFFF"),
+ AssistViewHeaderFontSize = 24,
+ AssistViewHeaderFontAutoScalingEnabled = true,
+ AssistViewHeaderFontAttributes = FontAttributes.Italic,
+ AssistViewHeaderFontFamily = "OpenSansSemibold",
+};
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/working-with-smart-scheduler.md b/MAUI/SmartScheduler/working-with-smart-scheduler.md
new file mode 100644
index 0000000000..675e6b8144
--- /dev/null
+++ b/MAUI/SmartScheduler/working-with-smart-scheduler.md
@@ -0,0 +1,502 @@
+---
+layout: post
+title: Working with .NET MAUI AI-Powered Scheduler control | Syncfusion®
+description: Learn here all about working with Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: maui
+control: SfSmartScheduler
+documentation: ug
+keywords : .net maui smart scheduler
+---
+
+# Working with .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+## Assist Button
+
+The assist button interaction and the default appearance of assist button can be customized by setting the `EnableAssistButton` and `AssistButtonTemplate` properties of `SfSmartScheduler` control.
+
+### Enable assist button
+
+The assist button interaction can be enabled or disabled by setting the `EnableAssistButton` property of the `SfSmartScheduler` control. By default, the `EnableAssistButton` property is set to true.
+
+{% tabs %}
+{% highlight XAML hl_lines="1" %}
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2" %}
+
+SfSmartScheduler scheduler = new SfSmartScheduler();
+smartScheduler.EnableAssistButton = false;
+this.Content = scheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+### Customize assist button appearance using DataTemplate
+
+The assist button appearance can be customized by using the `AssistButtonTemplate` property of `SfSmartScheduler` control.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2 3 4 5 6 7 8 9 10 11 12" %}
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistButtonTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ BackgroundColor = Color.FromArgb("#6750A4")
+ };
+
+ var label = new Label
+ {
+ Text = "AI",
+ FontAttributes = FontAttributes.Bold,
+ TextColor = Color.FromArgb("#FFFFFF"),
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ };
+
+ grid.Add(label);
+ return grid;
+});
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Assist View
+
+The default appearance of the assist view can be customized by setting the `AssistViewHeight`, `AssistViewWidth`, `AssistViewHeaderText`, `Placeholder`, `Prompt`, `SuggestedPrompts` and `ShowAssistViewBanner` properties of `SfSmartScheduler` control.
+
+### Assist view height
+
+The assist view height can be customized by using the `AssistViewHeight` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2" %}
+
+SfSmartScheduler scheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.AssistViewHeight = 420;
+this.Content = scheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Assist view width
+
+The assist view width can be customized by using the `AssistViewWidth` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2" %}
+
+SfSmartScheduler scheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.AssistViewWidth = 500;
+this.Content = scheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Assist view header text
+
+The assist view header text can be customized by using the `AssistViewHeaderText` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.AssistViewHeaderText = "Smart Scheduler";
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Placeholder
+
+The assist view placeholder text can be customized by using the `Placeholder` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="2" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.Placeholder = "Enter your message...";
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Prompt
+
+The assist view prompt text can be customized by using the `Prompt` property of the `AssistViewSettings`. By default, the `Prompt` property is set to empty.
+
+{% tabs %}
+{% highlight XAML hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# hl_lines="3" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings.Prompt = "Find 30-minute slots this week";
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Suggested Prompts
+
+The assist view suggested prompts can be customized by using the `SuggestedPrompts` property of the `AssistViewSettings`. By default, the `SuggestedPrompts` property is set to null.
+
+{% tabs %}
+{% highlight XAML hl_lines="8" %}
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# tabtitle="ViewModel.cs" %}
+
+public class ViewModel
+{
+ private List suggestedPrompts;
+
+ public List SuggestedPrompts
+ {
+ get { return suggestedPrompts; }
+ set { suggestedPrompts = value; }
+ }
+
+ public ViewModel()
+ {
+ this.suggestedPrompts = new List()
+ {
+ "Summarize today's appointments",
+ "Find today's free timeslots",
+ "Conflict detection"
+ };
+ }
+}
+
+{% endhighlight %}
+{% highlight C# hl_lines="3 4 5 6 7 8" %}
+
+ SfSmartScheduler smartScheduler = new SfSmartScheduler();
+ smartScheduler.AssistViewSettings.ShowAssistViewBanner = true;
+ smartScheduler.AssistViewSettings.SuggestedPrompts = new List
+ {
+ "Summarize today's appointments",
+ "Find today's free timeslots",
+ "Conflict detection"
+ };
+ this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Show assist view banner
+
+The assist view banner visibility can be customized by using the `ShowAssistViewBanner` property of the `AssistViewSettings`. By default, the `ShowAssistViewBanner` property is set to false.
+
+{% tabs %}
+{% highlight XAML tabtitle="MainPage.xaml" hl_lines="3" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight C# tabtitle="MainPage.xaml.cs" hl_lines="3" %}
+
+this.smartScheduler.AssistViewSettings.AssistViewBannerTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ Padding = new Thickness(16),
+ Margin = new Thickness(0, 40, 0, 0),
+ BackgroundColor = Color.FromArgb("#E9EEFF"),
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Start
+ };
+
+ var label = new Label
+ {
+ Text = "Hi! I’m your personalized assistant.\nHow can I help you?",
+ HorizontalTextAlignment = TextAlignment.Center,
+ VerticalTextAlignment = TextAlignment.Center,
+ TextColor = Color.FromArgb("#1C1B1F"),
+ FontSize = 16,
+ Padding = new Thickness(10),
+ FontAttributes = FontAttributes.None
+ };
+
+ grid.Children.Add(label);
+
+ return grid;
+});
+
+{% endhighlight %}
+{% endtabs %}
+
+## Template Customization
+
+The `SfSmartScheduler` facilitates the customization of both header and banner templates according to specific requirements. This feature enhances flexibility and provides a higher degree of control over the display of assist view.
+
+### Customize assist view header appearance using DataTemplate
+
+The assist view header appearance can be customized by using the `AssistViewHeaderTemplate` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings = new SchedulerAssistViewSettings();
+smartScheduler.AssistViewSettings.AssistViewHeaderTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ BackgroundColor = Colors.LightYellow,
+ ColumnDefinitions =
+ {
+ new ColumnDefinition { Width = 40 },
+ new ColumnDefinition { Width = GridLength.Star },
+ new ColumnDefinition { Width = 40 },
+ new ColumnDefinition { Width = 40 }
+ }
+ };
+
+ var symbol = new Label
+ {
+ Text = "✦",
+ FontSize = 20,
+ VerticalTextAlignment = TextAlignment.Center,
+ HorizontalTextAlignment = TextAlignment.Center
+ };
+ grid.Children.Add(symbol);
+ Grid.SetColumn(symbol, 0);
+
+ var title = new Label
+ {
+ Text = "Smart Scheduler",
+ FontAttributes = FontAttributes.Bold,
+ FontSize = 16,
+ VerticalTextAlignment = TextAlignment.Center,
+ HorizontalTextAlignment = TextAlignment.Start
+ };
+ grid.Children.Add(title);
+ Grid.SetColumn(title, 1);
+
+ var reset = new Label
+ {
+ Text = "⟳",
+ FontSize = 20,
+ VerticalTextAlignment = TextAlignment.Center,
+ HorizontalTextAlignment = TextAlignment.Center
+ };
+ grid.Children.Add(reset);
+ Grid.SetColumn(reset, 2);
+
+ var close = new Label
+ {
+ Text = "✕",
+ FontSize = 20,
+ VerticalTextAlignment = TextAlignment.Center,
+ HorizontalTextAlignment = TextAlignment.Center
+ };
+ grid.Children.Add(close);
+ Grid.SetColumn(close, 3);
+
+ return grid;
+});
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize assist view banner appearance using DataTemplate
+
+The assist view banner appearance can be customized by using the `AssistViewBannerTemplate` property of the `AssistViewSettings`.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19" %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" %}
+
+SfSmartScheduler smartScheduler = new SfSmartScheduler();
+smartScheduler.AssistViewSettings = new SchedulerAssistViewSettings();
+smartScheduler.AssistViewSettings.ShowAssistViewBanner = true;
+smartScheduler.AssistViewSettings.AssistViewBannerTemplate = new DataTemplate(() =>
+{
+ var grid = new Grid
+ {
+ Padding = new Thickness(16),
+ Margin = new Thickness(0, 40, 0, 0),
+ BackgroundColor = Color.FromArgb("#E9EEFF"),
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Start
+ };
+
+ var label = new Label
+ {
+ Text = "Hi! I’m your personalized assistant.\nHow can I help you?",
+ HorizontalTextAlignment = TextAlignment.Center,
+ VerticalTextAlignment = TextAlignment.Center,
+ TextColor = Color.FromArgb("#1C1B1F"),
+ FontSize = 16,
+ Padding = new Thickness(10),
+ FontAttributes = FontAttributes.None
+ };
+
+ grid.Children.Add(label);
+ return grid;
+});
+this.Content = smartScheduler;
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/custom-ai-service.md b/MAUI/SmartTextEditor/custom-ai-service.md
new file mode 100644
index 0000000000..3267a145fb
--- /dev/null
+++ b/MAUI/SmartTextEditor/custom-ai-service.md
@@ -0,0 +1,96 @@
+---
+layout: post
+title: Custom AI for AI-Powered Text Editor control | Syncfusion®
+description: Learn how to use IChatInferenceService to integrate custom AI services with Syncfusion® .NET MAUI AI-Powered Text Editor (SfSmartTextEditor) control
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Custom AI Service Integration with .NET MAUI Smart Text Editor
+
+The Syncfusion .NET MAUI AI-Powered Text Editor can use AI to provide intelligent suggestions while typing. By default, it works with providers like `OpenAI` or `Azure OpenAI` or `Ollama`, but you can also integrate your own AI service using the `IChatInferenceService` interface. This interface ensures smooth communication between the smart text editor and your custom AI logic.
+
+## IChatInferenceService Interface
+
+The `IChatInferenceService` interface defines how the Smart Text Editor interacts with an AI service. It sends user input and context messages and expects an AI-generated response.
+
+{% tabs %}
+{% highlight xaml tabtitle="C#" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+Public interface IChatInferenceService
+{
+ Task GenerateResponseAsync(List chatMessages);
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+- **Purpose**: Provides a standard way to connect any AI service.
+- **Parameter**: The `chatMessages` contains the user’s text and previous context.
+- **Benefit**: Lets you switch AI providers without changing the editor code.
+
+## Custom AI Service Implementation
+
+Here’s a simple example of a mock AI service that implements `IChatInferenceService`. You can replace the logic with your own AI integration:
+
+{% tabs %}
+{% highlight xaml tabtitle="C#" %}
+
+using Microsoft.Extensions.AI;
+using Syncfusion.Maui.SmartComponents;
+
+public class MockAIService : IChatInferenceService
+{
+ public Task GenerateResponseAsync(List chatMessages);
+ {
+
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Registering the Custom AI Service
+
+Register the custom AI service in **MauiProgram.cs**:
+
+{% tabs %}
+{% highlight xaml tabtitle="C#" %}
+
+using Syncfusion.Maui.Core.Hosting;
+using Syncfusion.Maui.SmartComponents;
+
+var builder = MauiApp.CreateBuilder()
+....
+
+builder.Services.AddSingleton();
+
+{% endhighlight %}
+{% endtabs %}
+
+## How to test Custom AI Integration
+
+1. Implement and register your custom AI service.
+2. Add SfSmartTextEditor to your page.
+3. Run the app and start typing.
+4. Check if suggestions appear based on your AI logic.
+5. Use SuggestionDisplayMode to choose Inline or Popup display.
+
+## Implemented AI Services
+
+Here are examples of AI services integrated using the `IChatInferenceService` interface:
+
+| Service | Documentation |
+|---------|---------------|
+| Claude | [Claude Integration](/Common/claude-service) |
+| DeepSeek | [DeepSeek Integration](/Common/deepseek-service) |
+| Groq | [Groq Integration](/Common/groq-service) |
+| Gemini | [Gemini Integration](/Common/gemini-service) |
+
+## Troubleshooting
+
+If the custom AI service does not work as expected, try the following:
+- **No Suggestions Displayed**: Ensure the `IChatInferenceService` implementation is registered in **MauiProgram.cs** and returns valid responses. Check for errors in the `GenerateResponseAsync` method.
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/customization.md b/MAUI/SmartTextEditor/customization.md
new file mode 100644
index 0000000000..1be83cce72
--- /dev/null
+++ b/MAUI/SmartTextEditor/customization.md
@@ -0,0 +1,158 @@
+---
+layout: post
+title: Customization in AI-Powered Text Editor control | Syncfusion®
+description: Learn here all about Customization features of Syncfusion® .NET MAUI AI-Powered Text Editor (SfSmartTextEditor) control.
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Customization in .NET MAUI AI-Powered Text Editor (SfSmartTextEditor)
+This section explains how to change the AI-Powered Text Editor’s appearance and suggestion behavior. You can set text styles, placeholder options, and customize how suggestions are shown.
+
+## Text customization
+Set or bind the smart text editor’s text using the [Text]() property. You can use this to preloaded content or bind it to a field in your view model for data binding.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ Text = "Thank you for contacting us."
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Text style customization
+You can change the text style and font using the [TextStyle]() property to make the editor look the way you want.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ TextStyle = new SmartTextEditorStyle
+ {
+ FontSize = 16,
+ TextColor = Colors.Blue,
+ }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Placeholder text and color customization
+Add a helpful placeholder to guide users and use [PlaceholderColor]() to make sure the text is easy to read.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+var editor = new SfSmartTextEditor
+{
+ Placeholder = "Type your message...",
+ PlaceholderColor = Color.FromArgb("#7E57C2")
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Suggestion text color
+Customize the color of the suggestion text using the [SuggestionTextColor]() property to match your theme and improves readability.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ SuggestionTextColor = Colors.Skyblue
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Suggestion popup background
+Change the background color of the suggestion popup using the [SuggestionPopupBackground]() property in Popup mode to align with your app's design.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ SuggestionDisplayMode = SuggestionDisplayMode.Popup,
+ SuggestionPopupBackground = Color.FromArgb("#0078D4"),
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Maximum input length
+Set a limit on the number of characters the user can enter in the smart text editor using the [MaxLength]() property.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" %}
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" %}
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ MaxLength = 500
+};
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/events.md b/MAUI/SmartTextEditor/events.md
new file mode 100644
index 0000000000..09d8d9dd48
--- /dev/null
+++ b/MAUI/SmartTextEditor/events.md
@@ -0,0 +1,76 @@
+---
+layout: post
+title: Events in AI-Powered Text Editor control | Syncfusion®
+description: Learn here all about the Events support in Syncfusion® .NET MAUI AI-Powered Text Editor (SfSmartTextEditor) control and more details.
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Events in .NET MAUI AI-Powered Text Editor (SfSmartTextEditor)
+
+The AI-Powered Text Editor provides the `TextChanged` event, which is triggered whenever the text in the smart text editor changes.
+
+## TextChanged
+
+The [TextChanged]() event is triggered whenever the text in the smart text editor changes.
+
+* `Sender`: This contains the `SfSmartTextEditor` object.
+
+* `EventArgs`: The event uses [TextChangedEventArgs](), which provides details about the text change.
+
+ * [NewTextValue]() : Returns the new text.
+ * [OldTextValue]() : Returns the previous text.
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="1" %}
+
+this.smarttexteditor.TextChanged += OnTextChanged;
+private void OnTextChanged(object sender, Syncfusion.Maui.SmartComponents.TextChangedEventArgs e)
+{
+ var oldValue = e.OldTextValue;
+ var newValue = e.NewTextValue;
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### TextChangedCommand
+
+The [SfSmartTextEditor]() includes a built-in property called `TextChangedCommand`, which is triggered whenever the text in the smart text editor changes. This event can be invoked through the [TextChangedCommand]().
+
+{% tabs %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="3,6,8" %}
+
+public class SmartTextEditorViewModel
+{
+ public ICommand TextChangedCommand { get; set; }
+ public SmartTextEditorViewModel()
+ {
+ TextChangedCommand = new Command(TextChangedCommand);
+ }
+ private void TextChangedCommand()
+ {
+ // To do your requirement here.
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/getting-started.md b/MAUI/SmartTextEditor/getting-started.md
new file mode 100644
index 0000000000..c13440a611
--- /dev/null
+++ b/MAUI/SmartTextEditor/getting-started.md
@@ -0,0 +1,457 @@
+---
+layout: post
+title: Getting started with AI-Powered Text Editor control | Syncfusion®
+description: Learn about getting started with Syncfusion® AI-Powered Text Editor (SfSmartTextEditor) control and its basic features.
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Getting started with .NET MAUI Smart Text Editor
+This section explains how to add the [.NET MAUI SmartTextEditor]() control. It covers only the basic features needed to get started with the Syncfusion AI-Powered Text Editor. Follow the steps below to add a .NET MAUI AI-Powered Text Editor control to your project.
+
+N> The Smart Text Editor is distributed as part of the `Syncfusion.Maui.SmartComponents` package provides advanced AI-assisted features to enhance text editing and content management. Ensure your application has the required AI service configuration to enable these features.
+
+{% 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.3 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® .NET MAUI SmartComponents NuGet Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for [Syncfusion.Maui.SmartComponents]() and install the latest version.
+3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+
+## Step 3: Register the handler
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+
+N> You can refer [Configure AI Service](/Common/configure-ai-service) for `Azure`, `OpenAI`, `Ollama` service.
+
+## Step 5: Add .NET MAUI Smart Text Editor control
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize [SfSmartTextEditor]().
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartTextEditor smarttexteditor = new SfSmartTextEditor();
+ this.Content = smarttexteditor;
+ }
+}
+
+{% 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® .NET MAUI SmartComponents NuGet 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.SmartComponents` to install the Syncfusion® .NET MAUI SmartComponents NuGet package.
+4. To ensure all dependencies are installed, run `dotnet restore`.
+
+## Step 3: Register the handler
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+N> You can refer [Configure AI Service](configure-ai-service) for `Azure`, `OpenAI`, `Ollama` service.
+
+## Step 5: Add .NET MAUI Smart Text Editor control
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize [SfSmartTextEditor]().
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartTextEditor smarttexteditor = new SfSmartTextEditor();
+ this.Content = smarttexteditor;
+ }
+}
+
+{% 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 SmartComponents NuGet Package
+
+1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
+2. Search for [Syncfusion.Maui.SmartComponents]() 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
+
+The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion® controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion® core.
+
+{% tabs %}
+{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
+
+using Syncfusion.Maui.Core.Hosting;
+namespace GettingStarted
+{
+ public static class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+
+ builder.ConfigureSyncfusionCore();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ return builder.Build();
+ }
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 4: Register the AI Service
+
+To configure the AI services, you must call the `ConfigureSyncfusionAIServices()` method in the `MauiProgram.cs` file.
+
+{% highlight c# hl_lines="6 31" %}
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+using Microsoft.Maui.Controls.Compatibility;
+using Microsoft.Maui.Controls.Hosting;
+using Microsoft.Maui.Controls.Xaml;
+using Syncfusion.Maui.SmartComponents.Hosting;
+
+namespace GettingStarted
+{
+ public class MauiProgram
+ {
+ public static MauiApp CreateMauiApp()
+ {
+ var builder = MauiApp.CreateBuilder();
+ builder
+ .UseMauiApp()
+ .ConfigureFonts(fonts =>
+ {
+ fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+ });
+
+ string key = "";
+ Uri azureEndPoint = new Uri("");
+ string deploymentName = "";
+
+ // Shows how to configure Azure AI service to the Smart Components.
+ AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(azureEndPoint, new AzureKeyCredential(key));
+ IChatClient azureChatClient = azureOpenAIClient.GetChatClient(deploymentName).AsIChatClient();
+
+ builder.Services.AddChatClient(azureChatClient);
+ builder.ConfigureSyncfusionAIServices();
+
+ return builder.Build();
+ }
+ }
+}
+{% endhighlight %}
+
+N> You can refer [Configure AI Service](configure-ai-service) for `Azure`, `OpenAI`, `Ollama` service.
+
+## Step 5: Add .NET MAUI Smart Text Editor control
+
+1. To initialize the control, import the `Syncfusion.Maui.SmartComponents` namespace into your code.
+2. Initialize [SfSmartTextEditor]().
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" hl_lines="3 5" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" hl_lines="1 9 10" %}
+
+using Syncfusion.Maui.SmartComponents;
+. . .
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ SfSmartTextEditor smarttexteditor = new SfSmartTextEditor();
+ this.Content = smarttexteditor;
+ }
+}
+
+{% endhighlight %}
+{% endtabs %}
+{% endtabcontent %}
+{% endtabcontents %}
+
+## Step 6: Configure user role and phrases for suggestions
+
+Set the writing context and preferred expressions to guide completions:
+- **UserRole** (required): Describes who is typing and the intent, shaping the tone and relevance of suggestions.
+- **UserPhrases** (optional): A list of reusable statements that reflect your brand or frequent responses. Used for offline suggestions and to bias completions.
+
+{% tabs %}
+{% highlight xaml tabtitle="XAML" hl_lines="7 8" %}
+
+
+
+
+
+ Thanks for reaching out.
+ Please share a minimal reproducible sample.
+ We’ll update you as soon as we have more details.
+
+
+
+
+{% endhighlight %}
+{% endtabs %}
+
+N> If no AI inference service is configured, the editor generates offline suggestions from your UserPhrases.
+
+## Step 7: Running the Application
+
+Press **F5** to build and run the application. Once compiled, the Smart Text Editor will be displayed with the provided content, and AI-powered editing features will be available after configuration.
+
+Here is the result of the previous codes,
+
+
+
+N> You can refer to our [.NET MAUI Smart Text Editor]() feature tour page for its groundbreaking feature representations. You can also explore our [.NET MAUI Smart Text Editor Example]() that shows you how to render the Smart Text Editor in .NET MAUI.
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-customization.gif b/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-customization.gif
new file mode 100644
index 0000000000..5d038a9615
Binary files /dev/null and b/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-customization.gif differ
diff --git a/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-textcolor.gif b/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-textcolor.gif
new file mode 100644
index 0000000000..f518e35172
Binary files /dev/null and b/MAUI/SmartTextEditor/images/customization/maui-smarttexteditor-textcolor.gif differ
diff --git a/MAUI/SmartTextEditor/images/getting-started/maui-smarttexteditor-getting-started.gif b/MAUI/SmartTextEditor/images/getting-started/maui-smarttexteditor-getting-started.gif
new file mode 100644
index 0000000000..8a1926052e
Binary files /dev/null and b/MAUI/SmartTextEditor/images/getting-started/maui-smarttexteditor-getting-started.gif differ
diff --git a/MAUI/SmartTextEditor/images/getting-started/new_overview.gif b/MAUI/SmartTextEditor/images/getting-started/new_overview.gif
new file mode 100644
index 0000000000..75a0c6a435
Binary files /dev/null and b/MAUI/SmartTextEditor/images/getting-started/new_overview.gif differ
diff --git a/MAUI/SmartTextEditor/images/overview/maui-smarttexteditor-overview.gif b/MAUI/SmartTextEditor/images/overview/maui-smarttexteditor-overview.gif
new file mode 100644
index 0000000000..5f8e5f4aeb
Binary files /dev/null and b/MAUI/SmartTextEditor/images/overview/maui-smarttexteditor-overview.gif differ
diff --git a/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-inline-mode.gif b/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-inline-mode.gif
new file mode 100644
index 0000000000..0b5351ce8f
Binary files /dev/null and b/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-inline-mode.gif differ
diff --git a/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-popup-mode.gif b/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-popup-mode.gif
new file mode 100644
index 0000000000..ceb3637aca
Binary files /dev/null and b/MAUI/SmartTextEditor/images/suggestion-display-mode/maui-smarttexteditor-popup-mode.gif differ
diff --git a/MAUI/SmartTextEditor/overview.md b/MAUI/SmartTextEditor/overview.md
new file mode 100644
index 0000000000..b09e5b0972
--- /dev/null
+++ b/MAUI/SmartTextEditor/overview.md
@@ -0,0 +1,32 @@
+---
+layout: post
+title: About .NET MAUI AI-Powered Text Editor control | Syncfusion®
+description: Learn about the overview of Syncfusion® .NET MAUI AI-Powered Text Editor (SfSmartTextEditor) control, its basic features.
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Overview of .NET MAUI Smart Text Editor
+
+Syncfusion [.NET MAUI AI-Powered Text Editor]() (SfSmartTextEditor) is a multiline input control that accelerates typing with predictive suggestions. It supports inline and popup suggestion display, can integrate with an AI inference service for context aware completions, and falls back to your custom phrase list when AI is unavailable. The control provides full text styling, placeholder customization, and command/event hooks for text changes.
+
+
+
+## Key features
+
+* **Suggestion display modes**: Allows customizing suggestions in both inline and popup modes.
+
+* **AI powered suggestions**: Uses IChatInferenceService for intelligent, context aware completions.
+
+* **Custom phrase library**: Maintains fallback phrases when AI suggestions are unavailable.
+
+* **Maximum length validation**: Enforces character limits to ensure precise input control.
+
+* **Keyboard integration**: Allows quick acceptance of suggestions using Tab or Right Arrow keys.
+
+* **Gesture support**: Enables touch users to tap or click suggestions in the pop up for instant insertion.
+
+* **Placeholder text**: Allows configuration of placeholders with customizable color styling.
+
+* **Customization**: Gives users full control over fonts, colors, sizes, and styles for complete UI customization.
\ No newline at end of file
diff --git a/MAUI/SmartTextEditor/suggestion-display-mode.md b/MAUI/SmartTextEditor/suggestion-display-mode.md
new file mode 100644
index 0000000000..b88f0c3b8f
--- /dev/null
+++ b/MAUI/SmartTextEditor/suggestion-display-mode.md
@@ -0,0 +1,87 @@
+---
+layout: post
+title: Suggestion Mode in AI-Powered Text Editor | Syncfusion®
+description: Learn about suggestion mode with Syncfusion® AI-Powered Text Editor (SfSmartTextEditor) control and its basic features.
+platform: maui
+control: SfSmartTextEditor
+documentation: ug
+---
+
+# Choose how suggestions are displayed
+
+The AI-Powered Text Editor supports two display modes for showing completions as you type: `Inline` and `Popup`.
+- [Inline](): Renders the predicted text in place after the caret, matching your text style.
+- [Popup](): Shows a compact hint near the caret that you can tap or accept via key press.
+
+N>
+- Windows and Mac Catalyst default to **Inline**; Android and iOS default to **Popup**.
+- Suggestions can be applied using the **Tab** or **Right Arrow** keys in both modes.
+- Applying inline suggestions with the **Tab** key is not supported on Android and iOS.
+
+## Inline suggestion mode
+Inline mode displays the suggested text directly within the editor, seamlessly continuing your typing flow. This approach is ideal for desktop environments where uninterrupted input feels natural and efficient.
+
+{% tabs %}
+{% highlight C# tabtitle="XAML" hl_lines="9" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" hl_lines="7" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ Placeholder = "Start typing...",
+ UserRole = "Email author responding to inquiries",
+ SuggestionDisplayMode = SuggestionDisplayMode.Inline
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Popup suggestion mode
+Popup mode displays the suggested text in a small overlay near the caret, making it easy to review and accept without interrupting your typing. This mode is especially useful on touch based devices where tapping the suggestion feels natural and convenient.
+
+{% tabs %}
+{% highlight C# tabtitle="XAML" hl_lines="9" %}
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# tabtitle="C#" hl_lines="7" %}
+
+using Syncfusion.Maui.SmartComponents;
+
+var smarttexteditor = new SfSmartTextEditor
+{
+ Placeholder = "Start typing...",
+ UserRole = "Email author responding to inquiries",
+ SuggestionDisplayMode = SuggestionDisplayMode.Popup
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/SunburstChart/Cupertino-Theme.md b/MAUI/SunburstChart/Cupertino-Theme.md
new file mode 100644
index 0000000000..2768d4c54b
--- /dev/null
+++ b/MAUI/SunburstChart/Cupertino-Theme.md
@@ -0,0 +1,75 @@
+---
+layout: post
+title: Cupertino Theme in .NET MAUI Sunburst control | Syncfusion
+description: Learn how to enable and customize the Liquid Glass visual effect in Syncfusion® .NET MAUI Chart (SfSunburstChart) for stunning UI..
+platform: maui
+control: SfSunburstChart
+documentation: ug
+keywords: .net maui chart, cupertino theme, glass effect, maui cupertino chart, cupertino sunburst tooltip maui, .net maui chart visualization.
+---
+
+# Cupertino Theme in .NET MAUI Sunburst Chart
+
+The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
+
+N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
+
+## How it Enhances Chart UI on macOS and iOS
+
+The Cupertino theme enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
+
+## Enable Cupertino Theme
+
+To Enable Cupertino Theme effect by setting `True` to [EnableLiquidGlassEffect]() property of SfSunburstChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfSunburstChart chart = new SfSunburstChart();
+chart.EnableLiquidGlassEffect = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+### Tooltip
+
+To Enable Cupertino Theme effect to the tooltip, set `True` to [EnableLiquidGlassEffect]() property and [EnableTooltip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_SunburstChart_SfSunburstChart_EnableTooltip) property of SfSunburstChart.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+ . . .
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+SfSunburstChart chart = new SfSunburstChart();
+chart.EnableLiquidGlassEffect = true;
+chart.EnableTooltip = true;
+. . .
+
+this.Content = chart;
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> When using a custom tooltip template using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.SunburstChart.SfSunburstChart.html#Syncfusion_Maui_SunburstChart_SfSunburstChart_TooltipTemplate), set the background to transparent to display the liquid glass effect.
\ No newline at end of file
diff --git a/MAUI/Switch/Images/LiquidGlass/liquid-glass.gif b/MAUI/Switch/Images/LiquidGlass/liquid-glass.gif
new file mode 100644
index 0000000000..496dd737e8
Binary files /dev/null and b/MAUI/Switch/Images/LiquidGlass/liquid-glass.gif differ
diff --git a/MAUI/Switch/LiquidGlassSupport.md b/MAUI/Switch/LiquidGlassSupport.md
new file mode 100644
index 0000000000..f816800e8e
--- /dev/null
+++ b/MAUI/Switch/LiquidGlassSupport.md
@@ -0,0 +1,46 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI Switch | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI Switch (SfSwitch) control and more.
+platform: MAUI
+control: SfSwitch
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI Switch:
+
+The [SfSwitch](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSwitch.html) control supports a glass effect (also called acrylic or glass morphism) when you enable the `EnableLiquidGlassEffect` property. It works best over vibrant images or colorful layouts and enhances the visual depth of your UI. When toggled, the switch provides smooth transitions and clear visual feedback, making interactions feel polished and premium.
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfSwitch aSwitch = new SfSwitch
+{
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Behavior and tips
+
+- The glass effect is applied to the switch at render time and during user interaction.
+- Place the switch over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
+- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
+
+The following GIF demonstrates the liquid glass effect of Switch
+
+
\ No newline at end of file
diff --git a/MAUI/System-Requirements.md b/MAUI/System-Requirements.md
index 9b9b9cf920..b9e530c8e5 100644
--- a/MAUI/System-Requirements.md
+++ b/MAUI/System-Requirements.md
@@ -30,7 +30,7 @@ The following are the system requirements for using the Syncfusion®
Our .NET MAUI components are compatible with the following development environments:
-* Visual Studio 2022 17.9.0 Preview 1.0.
+* Visual Studio 2026 18.0.0.
* Visual Studio 2022 17.8.0.
* Visual Studio Code. (Refer to this [link](https://devblogs.microsoft.com/visualstudio/announcing-the-dotnet-maui-extension-for-visual-studio-code/))
diff --git a/MAUI/TabView/LiquidGlassSupport.md b/MAUI/TabView/LiquidGlassSupport.md
new file mode 100644
index 0000000000..bb887cf8dd
--- /dev/null
+++ b/MAUI/TabView/LiquidGlassSupport.md
@@ -0,0 +1,46 @@
+---
+layout: post
+title: Provide Liquid Glass Support for .NET MAUI TabView | Syncfusion®
+description: Learn here about providing liquid glass support for Syncfusion® .NET MAUI TabView (SfTabView) control and more.
+platform: MAUI
+control: SfTabView
+documentation: ug
+---
+
+# Liquid Glass Support for .NET MAUI TabView:
+
+The [SfTabView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html?tabs=tabid-1) supports a liquid glass effect (also called acrylic or glass morphism) when you enable `EnableLiquidGlassEffect`. This feature applies a frosted, translucent style that blends seamlessly with the background, giving the Tab View a modern and elegant look. The effect is rendered dynamically during loading and user interaction, creating a subtle, responsive visual without changing the Tab View’s default structure. It works best over vibrant images or colorful layouts, enhancing depth and providing a stylish appearance to your application.
+
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
+
+{% tabs %}
+{% highlight xaml hl_lines="49 52" %}
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+SfTabView tabView = new SfTabView
+{
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Behavior and tips
+
+- The glass effect is applied to the Tab View at render time and during user interaction.
+- Place the Tab View over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
+- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
+
+The following GIF demonstrates the liquid glass effect of TabView
+
+
\ No newline at end of file
diff --git a/MAUI/TabView/Tab-Bar-Customization.md b/MAUI/TabView/Tab-Bar-Customization.md
index f1161015fa..37418600bb 100644
--- a/MAUI/TabView/Tab-Bar-Customization.md
+++ b/MAUI/TabView/Tab-Bar-Customization.md
@@ -197,3 +197,34 @@ tabView.TabBarBackground = graBrush;
N> View [sample](https://github.com/SyncfusionExamples/maui-tabview-samples/tree/main/TabBarCustomization) in GitHub.
+
+## Tab bar border customization
+
+You can customize the border of the tab header area in .NET MAUI Tab View using the following properties:
+
+- TabBarBorderColor: Sets the border color.
+- TabBarBorderThickness: Sets the border thickness.
+- TabBarCornerRadius: Sets the corner radius of the tab bar's border.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+{% endhighlight %}
+
+{% highlight C# %}
+ tabView.TabBarPlacement = TabBarPlacement.Bottom;
+ tabView.TabBarBorderColor = Color.FromArgb("#7C3AED");
+ tabView.TabBarBorderThickness = 2;
+ tabView.TabBarCornerRadius = new CornerRadius(24);
+{% endhighlight %}
+
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/TabView/images/Tab-bar-border.png b/MAUI/TabView/images/Tab-bar-border.png
new file mode 100644
index 0000000000..41afd7cba3
Binary files /dev/null and b/MAUI/TabView/images/Tab-bar-border.png differ
diff --git a/MAUI/TabView/images/liquid-glass.gif b/MAUI/TabView/images/liquid-glass.gif
new file mode 100644
index 0000000000..58ab5a3bc9
Binary files /dev/null and b/MAUI/TabView/images/liquid-glass.gif differ
diff --git a/MAUI/TextInputLayout/Assistive-Labels.md b/MAUI/TextInputLayout/Assistive-Labels.md
index 9500cb19e8..e995b3c912 100644
--- a/MAUI/TextInputLayout/Assistive-Labels.md
+++ b/MAUI/TextInputLayout/Assistive-Labels.md
@@ -80,16 +80,17 @@ N> Error validations should be done in the application level.
## Character counter
-Character counter is used when you need to limit the characters. Character limit can be set using the [CharMaxLength](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfTextInputLayout.html#Syncfusion_Maui_Core_SfTextInputLayout_CharMaxLength) property.
+Character counter is used when you need to limit the characters. Character limit can be set using the [CharMaxLength](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfTextInputLayout.html#Syncfusion_Maui_Core_SfTextInputLayout_CharMaxLength) property.The character counter can be enabled by setting the [ShowCharCount]() property to true.
{% tabs %}
{% highlight xaml %}
+ HelperText="Enter 5 to 20 characters">
@@ -100,7 +101,8 @@ Character counter is used when you need to limit the characters. Character limit
SfTextInputLayout inputLayout = new SfTextInputLayout();
inputLayout.Hint = "Password";
-inputLayout.CharMaxLength = 8;
+inputLayout.CharMaxLength = 20;
+inputLayout.ShowCharCount = true;
inputLayout.ContainerType= ContainerType.Outlined;
inputLayout.HelperText = "Enter 5 to 8 characters";
inputLayout.Content = new Entry();
@@ -109,7 +111,7 @@ inputLayout.Content = new Entry();
{% endtabs %}
-
+
N> When character count reaches the maximum character length, the error color will be applied to hint, border, and counter label.
diff --git a/MAUI/TextInputLayout/images/AssistiveLabels/MaxCharCount.png b/MAUI/TextInputLayout/images/AssistiveLabels/MaxCharCount.png
deleted file mode 100644
index 8e32055f0b..0000000000
Binary files a/MAUI/TextInputLayout/images/AssistiveLabels/MaxCharCount.png and /dev/null differ
diff --git a/MAUI/TextInputLayout/images/AssistiveLabels/textinputlayout_showchar.gif b/MAUI/TextInputLayout/images/AssistiveLabels/textinputlayout_showchar.gif
new file mode 100644
index 0000000000..210c62f56d
Binary files /dev/null and b/MAUI/TextInputLayout/images/AssistiveLabels/textinputlayout_showchar.gif differ
diff --git a/MAUI/TimePicker/liquid-glass-effect.md b/MAUI/TimePicker/liquid-glass-effect.md
new file mode 100644
index 0000000000..d62d3513fe
--- /dev/null
+++ b/MAUI/TimePicker/liquid-glass-effect.md
@@ -0,0 +1,145 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Time Picker | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Time Picker using SfGlassEffectsView.
+platform: MAUI
+control: SfTimePicker
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TimePicker.SfTimePicker.html) supports a liquid glass appearance by hosting the control inside the Syncfusion [SfGlassEffectsView](). You can customize the effect using properties such as [EffectType](), [EnableShadowEffect](), and round the corners using [CornerRadius](). This approach improves visual depth and readability when the time picker is placed over images or colorful layouts.
+
+Additionally, when the time selection is shown in a dialog, you can apply the glass effect to the pop-up by enabling the [EnableLiquidGlassEffect]() property on the time picker.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Prerequisites
+
+- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView).
+- Add the [Syncfusion.Maui.Picker](https://www.nuget.org/packages/Syncfusion.Maui.Picker/) package (for SfTimePicker).
+
+## Apply Liquid Glass Effect to SfTimePicker
+
+Wrap the [SfTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TimePicker.SfTimePicker.html) inside an [SfGlassEffectsView]() to give the picker surface a glass (blurred or clear) appearance.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.TimePicker;
+
+var glassView = new SfGlassEffectsView
+{
+ CornerRadius = 20,
+ Padding = new Thickness(12),
+ EffectType = LiquidGlassEffectType.Regular,
+ EnableShadowEffect = true
+};
+
+var timePicker = new SfTimePicker();
+
+glassView.Content = timePicker;
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+* Use EffectType="Regular" for a blurrier look and "Clear" for a glassy look.
+
+## Enable Glass Effect in Dialog Mode
+
+When the time picker displays its dialog surface, enable the liquid glass effect by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.TimePicker;
+
+var timePicker = new SfTimePicker
+{
+ // Applies acrylic/glass effect to the dialog surface
+ EnableLiquidGlassEffect = true
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* The dialog gains the glass effect only when [EnableLiquidGlassEffect]() is true.
+
+## Key Properties
+
+- [EffectType](): Choose between Regular (blurry) and Clear (glassy) effects.
+- [EnableShadowEffect](): Enables a soft shadow around the acrylic container.
+- [CornerRadius](): Rounds the corners of the acrylic container.
+- Padding/Height/Width: Adjust layout around the embedded time picker.
+- [EnableLiquidGlassEffect]() (dialog): Enables the glass effect for the time picker’s dialog surface.
+
+## Best Practices and Tips
+
+- Hosting the time picker inside [SfGlassEffectsView]() gives the picker body an acrylic look.
+- The dialog surface applies the glass effect only when EnableLiquidGlassEffect is true.
+- For the most noticeable effect, place the control over images or vibrant backgrounds.
+
+The following screenshot illustrates [SfTimePicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TimePicker.SfTimePicker.html) hosted within an acrylic container, and the dialog surface using the glass effect.
diff --git a/MAUI/Toolbar/customization.md b/MAUI/Toolbar/customization.md
index 4d84d42826..570d231bfc 100644
--- a/MAUI/Toolbar/customization.md
+++ b/MAUI/Toolbar/customization.md
@@ -1124,4 +1124,248 @@ public partial class MainPage : ContentPage
{% endtabs %}
-
\ No newline at end of file
+
+
+## Corner Radius Customization
+
+The toolbar control supports customizing its corners using the [CornerRadius]() property, allowing rounded or sharp edges to match your design preferences.
+
+The following code sample demonstrates how to set the corner radius of the toolbar.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ var grid = new Grid();
+
+ var toolbar = new SfToolbar
+ {
+ HeightRequest = 56,
+ WidthRequest = 330,
+ CornerRadius = 30
+ };
+
+ toolbar.Items = new ObservableCollection
+ {
+ new SfToolbarItem
+ {
+ Name = "Bold",
+ Text = "Bold",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Bold",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE770",
+ FontFamily = "MauiMaterialAssets"
+ }
+ },
+ new SfToolbarItem
+ {
+ Name = "Underline",
+ Text = "Underline",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Underline",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE762",
+ FontFamily = "MauiMaterialAssets"
+ }
+ },
+ new SfToolbarItem
+ {
+ Name = "Italic",
+ Text = "Italic",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Italic",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE771",
+ FontFamily = "MauiMaterialAssets"
+ }
+ }
+ };
+
+ grid.Children.Add(toolbar);
+ Content = grid;
+ }
+}
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
+## Selection Corner Radius Customization
+
+The toolbar control supports customizing corners of the selection using the [SelectionCornerRadius]() property, allowing the corners of the selected item to be rounded or sharp based on your preference.
+
+The following code sample demonstrates how to set the selection corner radius for toolbar items.
+
+{% tabs %}
+
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# %}
+
+public partial class MainPage : ContentPage
+{
+ public MainPage()
+ {
+ InitializeComponent();
+ var grid = new Grid();
+
+ var toolbar = new SfToolbar
+ {
+ HeightRequest = 56,
+ WidthRequest = 330,
+ SelectionCornerRadius = 20
+ };
+
+ toolbar.Items = new ObservableCollection
+ {
+ new SfToolbarItem
+ {
+ Name = "Bold",
+ Text = "Bold",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Bold",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE770",
+ FontFamily = "MauiMaterialAssets"
+ }
+ },
+ new SfToolbarItem
+ {
+ Name = "Underline",
+ Text = "Underline",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Underline",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE762",
+ FontFamily = "MauiMaterialAssets"
+ }
+ },
+ new SfToolbarItem
+ {
+ Name = "Italic",
+ Text = "Italic",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Italic",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE771",
+ FontFamily = "MauiMaterialAssets"
+ }
+ }
+ };
+
+ grid.Children.Add(toolbar);
+ Content = grid;
+ }
+}
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
diff --git a/MAUI/Toolbar/images/corner-radius.png b/MAUI/Toolbar/images/corner-radius.png
new file mode 100644
index 0000000000..9705879a3b
Binary files /dev/null and b/MAUI/Toolbar/images/corner-radius.png differ
diff --git a/MAUI/Toolbar/images/multirow.png b/MAUI/Toolbar/images/multirow.png
new file mode 100644
index 0000000000..bfdb8a6141
Binary files /dev/null and b/MAUI/Toolbar/images/multirow.png differ
diff --git a/MAUI/Toolbar/images/selection-corner-radius.png b/MAUI/Toolbar/images/selection-corner-radius.png
new file mode 100644
index 0000000000..c6f365fda4
Binary files /dev/null and b/MAUI/Toolbar/images/selection-corner-radius.png differ
diff --git a/MAUI/Toolbar/liquid-glass-effect.md b/MAUI/Toolbar/liquid-glass-effect.md
new file mode 100644
index 0000000000..09e840077f
--- /dev/null
+++ b/MAUI/Toolbar/liquid-glass-effect.md
@@ -0,0 +1,88 @@
+---
+layout: post
+title: Liquid Glass Support for .NET MAUI Toolbar | Syncfusion®
+description: Learn how to enable liquid glass support for the Syncfusion® .NET MAUI Toolbar using the EnableLiquidGlassEffect property.
+platform: maui
+control: Toolbar (SfToolbar)
+documentation: ug
+---
+
+# Liquid Glass Support
+
+The [SfToolbar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbar.html) supports a liquid glass effect by setting the [EnableLiquidGlassEffect]() property to true. This enhances visual depth and readability when toolbars are placed over images or colorful layouts.
+
+## Platform and Version Support
+
+1. This feature is supported on .NET 10 or greater.
+2. This feature is supported on macOS 26 and iOS 26 or later.
+3. On platforms or versions below these requirements, the control renders without the acrylic blur effect and falls back to a standard background.
+
+## Apply Liquid Glass Effect to SfToolbar
+
+Turn on the liquid glass effect on the toolbar by setting [EnableLiquidGlassEffect]() to true.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+{% highlight c# %}
+
+using Syncfusion.Maui.Toolbar;
+
+var toolbar = new SfToolbar
+{
+ EnableLiquidGlassEffect = true,
+ HeightRequest = 56,
+ WidthRequest = 320
+};
+
+toolbar.Items = new ObservableCollection
+{
+ new SfToolbarItem { Name = "Bold", ToolTipText = "Bold", Icon = new FontImageSource { Glyph = "\uE770", FontFamily = "MauiMaterialAssets" } },
+ new SfToolbarItem { Name = "Italic", ToolTipText = "Italic", Icon = new FontImageSource { Glyph = "\uE771", FontFamily = "MauiMaterialAssets" } },
+ new SfToolbarItem { Name = "Underline", ToolTipText = "Underline", Icon = new FontImageSource { Glyph = "\uE762", FontFamily = "MauiMaterialAssets" } }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+N>
+* Liquid Glass effects are most visible over images or colorful backgrounds.
+
+The following screenshot illustrates [SfToolbar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbar.html) with the liquid glass effect enabled over a colorful background.
diff --git a/MAUI/Toolbar/overflow-mode.md b/MAUI/Toolbar/overflow-mode.md
index 47b221b3e2..e63b1bd386 100644
--- a/MAUI/Toolbar/overflow-mode.md
+++ b/MAUI/Toolbar/overflow-mode.md
@@ -629,3 +629,562 @@ private void OnMoreButtonTapped(object? sender, ToolbarMoreButtonTappedEventArgs
{% endhighlight %}
{% endtabs %}
+
+## MultiRow
+
+The Toolbar now supports showing items on multiple rows by setting the [OverflowMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbar.html#Syncfusion_Maui_Toolbar_SfToolbar_OverflowMode) property to [MultiRow]().When enabled, items wrap to additional rows based on available width, making it easier to manage many items.
+
+{% tabs %}
+
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="4" %}
+
+
+
+
+
+
+ Calibri
+ Arial
+ Times New Roman
+ Georgia
+ Verdana
+
+
+
+
+
+
+
+
+ 11
+ 12
+ 13
+ 14
+ 15
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endhighlight %}
+
+{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="9" %}
+
+public MainPage()
+{
+ InitializeComponent();
+ SfToolbar toolbar = new SfToolbar
+ {
+ ItemSpacing = 10,
+ WidthRequest = 650,
+ HeightRequest = 200,
+ OverflowMode = ToolbarItemOverflowMode.MultiRow
+ };
+
+ // Picker: Fonts
+ var fontPicker = new Picker
+ {
+ Margin = new Thickness(0, 50, 0, 0),
+ WidthRequest = 180
+ };
+ fontPicker.Items.Add("Calibri");
+ fontPicker.Items.Add("Arial");
+ fontPicker.Items.Add("Times New Roman");
+ fontPicker.Items.Add("Georgia");
+ fontPicker.Items.Add("Verdana");
+
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ View = fontPicker
+ });
+
+ // Picker: Font sizes
+ var sizePicker = new Picker
+ {
+ WidthRequest = 65
+ };
+ sizePicker.Items.Add("11");
+ sizePicker.Items.Add("12");
+ sizePicker.Items.Add("13");
+ sizePicker.Items.Add("14");
+ sizePicker.Items.Add("15");
+
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ View = sizePicker
+ });
+
+ // Separators
+ toolbar.Items.Add(new SeparatorToolbarItem());
+
+ // Align Left
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "AlignLeft",
+ Text = "Left",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Align-Left",
+ Size = new Size(60, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE751",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Align Right
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "AlignRight",
+ Text = "Right",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Align-Right",
+ Size = new Size(70, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE753",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Align Center
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "AlignCenter",
+ Text = "Center",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Align-Center",
+ Size = new Size(70, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE752",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Align Justify
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "AlignJustify",
+ Text = "Justify",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Align-Justify",
+ Size = new Size(70, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE74F",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Bold
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Bold",
+ Text = "Bold",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Bold",
+ Size = new Size(60, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE770",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Underline
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Underline",
+ Text = "Underline",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Underline",
+ Size = new Size(90, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE762",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Italic
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Italic",
+ Text = "Italic",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Italic",
+ Size = new Size(60, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE771",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Strikethrough
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Strikethrough",
+ Text = "Strikethrough",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Strikethrough",
+ Size = new Size(110, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE763",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Subscript
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Subscript",
+ Text = "Subscript",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Subscript",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7A8",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Superscript
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Superscript",
+ Text = "Superscript",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Superscript",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7A9",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Insert Left
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "InsertLeft",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Insert-Left",
+ IconSize = 25,
+ Size = new Size(40, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C0",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Insert Right
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "InsertRight",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Insert-Right",
+ IconSize = 25,
+ Size = new Size(40, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C1",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Insert Up
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "InsertUp",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Insert-Up",
+ IconSize = 25,
+ Size = new Size(40, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C2",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Insert Down
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "InsertDown",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Insert-Down",
+ IconSize = 25,
+ Size = new Size(40, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C3",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Separators group
+ toolbar.Items.Add(new SeparatorToolbarItem { Stroke = Colors.Transparent });
+ toolbar.Items.Add(new SeparatorToolbarItem());
+ toolbar.Items.Add(new SeparatorToolbarItem { Stroke = Colors.Transparent });
+
+ // Header 1
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Header1",
+ Text = "Header1",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Header1",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C8",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Header 2
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Header2",
+ Text = "Header2",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Header2",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7C9",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Header 3
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Header3",
+ Text = "Header3",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Header3",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7CA",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ // Header 4
+ toolbar.Items.Add(new SfToolbarItem
+ {
+ Name = "Header4",
+ Text = "Header4",
+ TextPosition = ToolbarItemTextPosition.Right,
+ ToolTipText = "Header4",
+ Size = new Size(80, 40),
+ Icon = new FontImageSource
+ {
+ Glyph = "\uE7CB",
+ FontFamily = "MauiMaterialAssets"
+ }
+ });
+
+ this.Content = toolbar;
+}
+
+{% endhighlight %}
+
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/MAUI/Toolbar/tooltip.md b/MAUI/Toolbar/tooltip.md
index 85c90dd056..21303789b9 100644
--- a/MAUI/Toolbar/tooltip.md
+++ b/MAUI/Toolbar/tooltip.md
@@ -7,9 +7,9 @@ control: Toolbar (SfToolbar)
documentation: ug
---
-# Enable the Tooltip
+# Enable Tooltip for Toolbar items
-The tooltip is enabled in the view when the [TooltipText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbarItem.html#Syncfusion_Maui_Toolbar_SfToolbarItem_ToolTipText) or [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbarItem.html#Syncfusion_Maui_Toolbar_SfToolbarItem_Text) property is set for the ToolbarItems. By default, the tooltip is supported only in the default view.
+The tooltip is enabled in the view when the [TooltipText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbarItem.html#Syncfusion_Maui_Toolbar_SfToolbarItem_ToolTipText) or [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbarItem.html#Syncfusion_Maui_Toolbar_SfToolbarItem_Text) property is set for the ToolbarItems.
## Tooltip Text
diff --git a/MAUI/TreeView/scrolling.md b/MAUI/TreeView/scrolling.md
index 20e0c8b0e4..5b627ebdd9 100644
--- a/MAUI/TreeView/scrolling.md
+++ b/MAUI/TreeView/scrolling.md
@@ -98,27 +98,34 @@ private void BringIntoView_Clicked(object sender, EventArgs e)
{% endhighlight %}
{% endtabs %}
-## Scrollbar visibility
+## Horizontal scrolling
-The TreeView provides an option to enable or disable the `Scrollbar` visibility by using the [ScrollBarVisibility](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TreeView.SfTreeView.html#Syncfusion_Maui_TreeView_SfTreeView_ScrollBarVisibility) property. By default, the value will be `Default`.
+The TreeView allows you to enable horizontal scrolling based on the content by setting the [EnableHorizontalScrolling](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TreeView.SfTreeView.html#Syncfusion_Maui_TreeView_SfTreeView_EnableHorizontalScrolling) property to `True`. By default, this property is set to `False`.
{% tabs %}
-{% highlight xaml%}
-
-{% endhighlight %}
-{% highlight c# hl_lines="2" %}
-SfTreeView treeView = new SfTreeView();
-treeView.ScrollBarVisibility = ScrollBarVisibility.Always;
+{% highlight xaml hl_lines="2" %}
+
{% endhighlight %}
{% endtabs %}
-## Horizontal scrolling
+## Scrollbar visibility
-The TreeView allows you to enable horizontal scrolling based on the content by setting the [EnableHorizontalScrolling](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TreeView.SfTreeView.html#Syncfusion_Maui_TreeView_SfTreeView_EnableHorizontalScrolling) property to `True`. By default, this property is set to `False`.
+The TreeView allows showing or hiding the scrollbars using the `VerticalScrollBarVisibility` and `HorizontalScrollBarVisibility` properties. By default, both are set to `Default`.
{% tabs %}
-{% highlight xaml hl_lines="2" %}
+{% highlight xaml hl_lines="2 3" %}
+
+ VerticalScrollBarVisibility="Always"
+ HorizontalScrollBarVisibility="Always" />
+
+{% endhighlight %}
+{% highlight c# hl_lines="2 3" %}
+
+SfTreeView treeView = new SfTreeView();
+treeView.VerticalScrollBarVisibility = ScrollBarVisibility.Always;
+treeView.HorizontalScrollBarVisibility = ScrollBarVisibility.Always;
+
{% endhighlight %}
{% endtabs %}
diff --git a/maui-toc.html b/maui-toc.html
index 202e289fdb..ebcab33ac4 100644
--- a/maui-toc.html
+++ b/maui-toc.html
@@ -175,6 +175,13 @@
+
+### Auto-complete support
+
+You can enable the `SfMultiColumnComboBox` to automatically complete the entered input value by setting the (AllowAutoComplete)[] property to `true`. When enabled, this property compares the entered text with each item in the underlying data source of `DataGridMultiColumnComboBoxColumn` and autocomplete the input with the matched value based on the DisplayMember.
+
+### Filtering
+
+You can enable the `SfMultiColumnComboBox` to dynamically filter the drop-down list items based on the text typed in the entry by setting (AllowIncrementalFiltering)[] property to `true`. Additionally, `DataGridMultiColumnComboBoxColumn` allows filtering based on case sensitivity by setting (AllowCaseSensitiveFiltering)[] to `true`. These features help users to quickly select items from large list.
+
+
+
+### Null value support
+
+You can allow null values in the column by setting the (AllowNullValue)[] property to `true`.
+
+N>
+The AllowNullValue will work only when the underlying property type is Nullable.
+
+### Popup Size Customization
+
+You can change the size of drop-down popup by setting (PopupWidth)[] and (PopupHeight)[] properties. If these values are not set, the popup width defaults to the `PopupMinWidth` property, which is 200.0 by default. Similarly, the popup height defaults to the `PopupMinHeight` property, which is 300.0 by default.
+
+Additionally, `SfMultiColumnComboBox` can automatically adjust the popup width based on the actual size of the SfDataGrid by setting the (IsAutoPopupSize)[] property to `true`.
+
+### Loading different ItemsSource for each row
+
+You can load different ItemsSource to each row of `DataGridMultiColumnComboBoxColumn` by setting the `SfDataGrid.ItemsSourceSelector` property.
+
+### Implementing IItemsSourceSelector
+
+`ItemsSourceSelector` must implement the `IItemsSourceSelector` interface, which requires the implementation of the `GetItemsSource` method. The `GetItemsSource` method receives the following parameters:
+
+* **Record** – The data object associated with row.
+* **Data Context** – The data context of data grid.
+
+In the following example, the items source for `ShipCity` column is returned based on the value of the `ShipCountry` column, using the record and data context passed to the `GetItemsSource` method.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+
+You can download the sample from the following link: (Sample)[https://github.com/SyncfusionExamples/How-to-load-different-items-for-each-row-in-MultiColumn-ComboBox-Column-in-.NET-MAUI-SfDataGrid].
+
+## DataGridHyperlinkColumn
+
+The `DataGridHyperlinkColumn` inherits all the properties of the `DataGridTextColumn`. It displays column data as clickable hyperlinks. It renders link text in each record cell and lets end users invoke navigation.
+
+{% tabs %}
+{% highlight xaml %}
+
diff --git a/MAUI/DataGrid/filtering.md b/MAUI/DataGrid/filtering.md
index 17794d258c..872fc0e758 100644
--- a/MAUI/DataGrid/filtering.md
+++ b/MAUI/DataGrid/filtering.md
@@ -16,7 +16,8 @@ To get start quickly with filtering in .NET MAUI DataGrid, you can check on this
-## View filtering
+## Programmatic filtering
+### View filtering
The `SfDataGrid` supports filtering the records in the view by setting the [SfDataGrid.View.Filter](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Data.ICollectionViewAdv.html#Syncfusion_Maui_Data_ICollectionViewAdv_Filter) property where `Filter` is a predicate.
@@ -45,7 +46,7 @@ public bool FilterRecords(object record)
N> View filtering is not supported when [ItemsSource](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ItemsSource) is [DataTable](https://learn.microsoft.com/en-us/dotnet/api/system.data.datatable?view=net-6.0).
-## Filter based on conditions
+### Filter based on conditions
In addition, the records can be filtered based on the conditions. For example, the records can be filtered based on the given input or contrast to the input. The condition-based filtering can also be achieved for all or any particular column.
@@ -174,7 +175,7 @@ The following code example illustrates how to create a [Picker](https://learn.mi
{% endhighlight %}
{% endtabs %}
-## Clear filtering
+### Clear filtering
Clear the applied filtering by setting the `SfDataGrid.View.Filter` property to `null`.
@@ -186,4 +187,446 @@ private void Button_Clicked(object sender, EventArgs e)
this.dataGrid.View.RefreshFilter();
}
{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+## UI Filtering
+The .NET MAUI DataGrid (SfDataGrid) provides excel like filtering UI and also advanced filter UI to filter the data easily. UI filtering can be enabled by setting [SfDataGrid.AllowFiltering]() property to true , where you can open filter UI by clicking the Filter icon in column header and filter the records. The filtering UI appears as a popup menu on desktop and as a new page on mobile platforms.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+The following image shows the advanced filter popup menu on the desktop platform,
+
+
+
+### Checkbox filtering
+Checkbox filtering is similar to Excel's filter popup, which displays a checked list box of unique items along with a search text field. The items which are in the checked state will be visible in the view. Other items will be filtered out from the view.
+
+The checkbox filter popup menu with a few selected values in the checkbox list view for filtering is displayed in the following image.
+
+
+
+### Advanced filtering
+Multiple filter choices are available in the advanced filter UI to make data filtering simple. By automatically identifying the underlying date type, filter menu options are loaded based on the Advanced filter type.
+
+The supported built-in filter types are shown below.
+
+1. Text Filters - Displays a variety of menu options for filtering the text column.
+2. Number Filters - Displays a variety of menu options for filtering numeric data.
+3. Date Filters - Displays a variety of menu options and a DatePicker to filter the DateTime column.
+
+
+
+### Changing filter UI for particular column
+Filter UI view can be changed for a particular column in DataGrid by changing the `FilterMode` property in DataGridFilterView by writing style and added it to [DataGridColumn.FilterPopupStyle]() property.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+
+## Changing Advanced filter type
+[FilterBehavior]() determines the Advanced filter type loaded in filter view. You can change the advanced filter type using `FilterBehavior`.
+
+ - StringTyped - TextFilters will be loaded in AdvancedFilterControl.
+ - Strongly Typed – Advanced filter type is automatically detected based on underlying data type.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+## Filtering null values
+By default the [AllowBlankFilters]() property is set to true. So, the filter items must have null values. `AllowBlankFilters` must be set to `false` if you want to remove null values from the list of filter items.
+
+When we set `AllowBlankFilters` as `True`, Combobox options have Null and Not Null choices in advanced filter and checkbox items include a Blanks option in checkbox filtering UI.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+Advanced Filter with `AllowBlankFilters` as `True`
+
+
+
+## Instant Filtering
+By default, filtering is applied to the columns when OK button is clicked in UI filtering. You must set [ImmediateUpdateColumnFilter]() to True if you wish to update the filters instantly whenever the filter items are updated in the filter popup menu.
+
+In this, Done button is displayed to close the filter popup instead of OK and Cancel buttons.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+Advanced Filter with `ImmediateUpdateColumnFilter` as `True`
+
+
+## Customizing the filter popup menu options
+### Visibility of sort options
+The sort options in the filter popup will be enabled only when we set [SortingMode]() as `Single` or `Multiple`. OtherWise the icons are in disable state. If you want to remove the sort options from the filter popup, set the [SortOptionsVisibility]() to `false` using `FilterPopupStyle`. As the default value of `SortOptionsVisibility` is `true`, the sort options is visible in the popup menu.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+### Customizing the sorting text
+We can customize the text present in the sort options using [AscendingSortString]() and [DescendingSortString]().
+
+{% tabs %}
+{% highlight c# %}
+dataGrid.FilterItemsPopulating += dataGrid_FilterItemsPopulating;
+
+private void dataGrid_FilterItemsPopulating(object sender, Syncfusion.Maui.DataGrid.DataGridFilterItemsPopulatingEventArgs e)
+{
+ if (e.Column.MappingName == "Name")
+ {
+ e.FilterControl.AscendingSortString = "Sort ascending";
+ e.FilterControl.DescendingSortString = "Sort descending";
+ }
+}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Customize the filter popup size
+You can customize the FilterPopup size using [FilterPopupHeight]() and [FilterPopupWidth]() properties by writing style of TargetType as DataGridFilterView.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+## Customize the filter icon
+### Change the filter icon color
+The default color of the filter icon can be customized by setting the [DataGridStyle.FilterIconColor]() property.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+### Load filter icon through template
+The `SfDataGrid` uses an icon to open the filter popup in UI filtering. You can personalize the filtering icon by using the [SfDataGrid.FilterIconTemplate] property. This property allow you to define a custom template that appears in the column header instead of default filter icon.
+
+{% tabs %}
+{% highlight XAML %}
+
+
+### Load filter icon through template selector
+When choosing a `FilterIconTemplate` as a DataTemplateSelector, you have the option to supply two different templates for columns.
+
+{% tabs %}
+{% highlight XAML %}
+
+
diff --git a/MAUI/DataGrid/freeze-panes.md b/MAUI/DataGrid/freeze-panes.md
index ab4b73a317..07308b3742 100644
--- a/MAUI/DataGrid/freeze-panes.md
+++ b/MAUI/DataGrid/freeze-panes.md
@@ -15,7 +15,9 @@ In the [Syncfusion® .NET MAUI DataGrid](https://help.syncfusion.com/cr/maui/Syn
| Property name | Description |
|---------------|-------------|
| [FrozenRowCount](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_FrozenRowCount) | Sets the number of rows to freeze at the top of the DataGrid |
+| `FooterFrozenRowCount` | Sets the number of rows to freeze at the bottom (footer) of the DataGrid |
| [FrozenColumnCount](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_FrozenColumnCount) | Sets the number of columns to freeze at the left side of the DataGrid |
+| `FooterFrozenColumnCount` | Sets the number of columns to freeze at the right side of the DataGrid |
To get start quickly with freeze rows and columns in .NET MAUI DataGrid, you can check on this video:
@@ -37,9 +39,25 @@ The following code snippet shows how to freeze columns in the DataGrid:
+## Freeze footer columns
+
+You can freeze footer columns in view, similar to Excel, by setting the `SfDataGrid.FooterFrozenColumnCount` property to a non‑negative value.
+
+The following code snippet shows how to freeze footer columns in the DataGrid:
+
+{% tabs %}
+{% highlight xaml %}
+
+
### Limitations
-* The `FrozenColumnCount` value should be less than the number of columns displayed in the view. For example, if you have 5 columns in the view, you can set the `FrozenColumnCount` value to a maximum of 4.
+* The `FrozenColumnCount` and `FooterFrozenColumnCount` value should be less than the number of columns displayed in the view. For example, if you have 5 columns in the view, you can set the `FrozenColumnCount` and `FooterFrozenColumnCount` value to a maximum of 4.
## Freeze rows
@@ -57,12 +75,30 @@ The following code snippet shows how to freeze rows in the DataGrid:
+## Freeze footer rows
+
+You can freeze footer rows in view, similar to Excel, by setting the `SfDataGrid.FooterFrozenRowCount` property to a non‑negative value.
+
+The following code snippet shows how to freeze footer rows in the DataGrid:
+
+{% tabs %}
+{% highlight xaml %}
+
+
### Limitations
-* The `FrozenRowCount` value should be less than the number of rows displayed in the view. For example, if you have 10 rows in the view, you can set the `FrozenRowCount` value to a maximum of 9.
+* The `FrozenRowCount` and `FooterFrozenRowCount` value should be less than the number of rows displayed in the view. For example, if you have 10 rows in the view, you can set the `FrozenRowCount` and `FooterFrozenRowCount` value to a maximum of 9.
## Appearance
+### Freeze pane line color
+
The DataGrid allows you to customize the color of the freeze pane line using the [DataGridStyle.FreezePaneLineColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridStyle.html#Syncfusion_Maui_DataGrid_DataGridStyle_FreezePaneLineColor) property.
{% tabs %}
@@ -77,4 +113,24 @@ The DataGrid allows you to customize the color of the freeze pane line using the
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
+
+### Freeze pane line thickness
+
+The DataGrid provides an option to customize the thickness of the freeze pane line using the `DataGridStyle.FreezePaneLineStrokeThickness` property. This property defines the stroke width for all frozen rows and columns in both the body and footer regions
+
+N> The default value of `FreezePaneLineStrokeThickness` is 1.
+
+{% tabs %}
+{% highlight xaml %}
+
\ No newline at end of file
diff --git a/MAUI/DataGrid/grouping.md b/MAUI/DataGrid/grouping.md
index 9495d6050e..b3fcaf7c8a 100644
--- a/MAUI/DataGrid/grouping.md
+++ b/MAUI/DataGrid/grouping.md
@@ -16,9 +16,141 @@ Grouping in a datagrid refers to the process of organizing and categorizing data
N>
* To update the grouping for the newly added row or column, set the `SfDataGrid.View.LiveDataUpdateMode` to `LiveDataUpdateMode.AllowDataShaping`.
-* When `BeginInit` method is called, it suspends all the updates until `EndInit` method is called.
+* When `BeginInit` method is called, it suspends all the updates until `EndInit` method is called.
-## Programmatic grouping
+## UI Grouping
+
+You can enable data grouping in the SfDataGrid by setting the `SfDataGrid.AllowGrouping` property to `true`. This allows end users to group data by dragging and dropping columns into the GroupDropArea. When a column is grouped, all records with the same value in that column are organized together in a group.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+Each group is represented by a `CaptionSummaryRow`, which organizes data into a hierarchical tree structure according to identical values in the grouped column. Users can expand or collapse the underlying records in a group by clicking on its group caption.
+
+A `CaptionSummaryRow` displays details about its group, such as the group name and the number of records it contains. For more details, refer to the [Caption Summaries](https://help.syncfusion.com/maui/datagrid/summaries#caption-summaries) section.
+
+### Appearance
+
+#### GroupDropAreaText
+
+You can modify the GroupDropArea text by setting the `SfDataGrid.GroupDropAreaText` property.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+#### GroupDropAreaHeight
+
+Use the `SfDataGrid.GroupDropAreaHeight` property to control the vertical size of the GroupDropArea (the region where users drag column headers to create groups).
+
+{% tabs %}
+{% highlight xaml %}
+
+
+#### Customize the GroupDropArea
+
+You can style the `GroupDropArea` using the following SfDataGrid properties:
+
+* GroupDropAreaStrokeThickness: Sets the border thickness of the GroupDropArea.
+* GroupDropAreaStroke: Sets the border color of the GroupDropArea.
+* GroupDropAreaBackgroundColor: Sets the background color of the GroupDropArea.
+* GroupDropAreaTextColor: Sets the color of the instructional text displayed in the GroupDropArea.
+* GroupDropAreaFontSize: Sets the font size of the GroupDropArea text.
+* GroupDropAreaFontFamily: Sets the font family used for the GroupDropArea text.
+* GroupDropAreaFontAttribute: Sets the font style of the GroupDropArea text.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+
+## Shift and ctrl Key Combinations
+
+When the `SelectionMode` is set to [Extended](), you can select multiple rows or cells using the navigation keys together with the Shift key. Before navigation begins, the current cell is marked as the pressed (anchor) cell, and the selection includes all rows or cells between the pressed cell and the current cell.
+
+
+
+## Grouping
+
+Grouping organizes data by one or more columns as specified in the command. Multiple commands can be combined to create multi-level grouping, and grouping can be removed using a clear command.
+
+### Example Prompts
+
+```
+// Groups data by Country column
+group by Country
+
+// Groups data by Country and ShipCity columns
+group by Country and ShipCity
+
+// Clears all applied grouping
+clear grouping
+```
+
+
+
+## Filtering
+
+Filtering uses natural language conditions like *equals*, *contains*, *greaterThan*, or *between* to build predicates internally and apply them to the grid. Multi step filters using **AND/OR** can be expressed in a single prompt and filters can be cleared with a single command.
+
+### Example Prompts
+
+```
+// Filters rows where Country equals Germany
+filter Country equals Germany
+
+// Filters rows where Country equals Germany AND Revenue is greater than 1000
+filter Country equals Germany AND Revenue greaterThan 1000
+
+// Clears all applied filters
+clear filters
+```
+
+
+
+## Highlight
+
+Highlighting applies styles to rows or cells that meet specified conditions. A color can be included in the command (for example, Red, LightPink, hex, or RGB); if no color is specified, the default highlight color is used. Multiple highlight rules can be combined, and highlights can be cleared individually or all at once.
+
+### Example Prompts
+
+```
+// Highlights rows where Total is greater than 1000 with LightPink color
+highlight rows where Total > 1000 color LightPink
+
+// Highlights rows where Total > 1000 with LightPink AND cells in OrderID less than 1005 with Red color
+highlight rows where Total > 1000 color LightPink AND highlight cells in OrderID lessThan 1005 color Red
+
+// Clears all highlights
+clear highlight
+
+// Clears only row highlights
+clear row highlight
+
+// Clears only cell highlights
+clear cell highlight
+```
+
+
diff --git a/MAUI/SmartDataGrid/appearance.md b/MAUI/SmartDataGrid/appearance.md
new file mode 100644
index 0000000000..ab6bd96866
--- /dev/null
+++ b/MAUI/SmartDataGrid/appearance.md
@@ -0,0 +1,524 @@
+---
+layout: post
+title: Appearance in MAUI SmartDataGrid control | Syncfusion®
+description: Learn here all about how to customize the appearance of Syncfusion® .NET MAUI SmartDataGrid (SfSmartDataGrid) control and more.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: UG
+keywords : maui datagrid, appearance, styling, assistview, toolbar, templates
+---
+
+# Appearance in MAUI SmartDataGrid (SfSmartDataGrid)
+
+The `SfSmartDataGrid` provides options to customize the appearance of its toolbar, AssistView button, and AssistView popup. You can style elements such as background, stroke, and thickness, or replace default visuals with templates for complete control over the layout and design.
+
+## Toolbar
+
+### Styling
+
+The toolbar’s visual style is driven by the following `SmartAssistStyle` properties:
+
+- `ToolbarBackground`: Background color for the toolbar.
+- `ToolbarStroke`: Border color of the toolbar.
+- `ToolbarStrokeThickness`: Border thickness of the toolbar.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+### Toolbar Template
+
+The `SfSmartDataGrid` control allows you to fully customize the toolbar appearance by using the `ToolbarTemplate` property. This property lets you define a custom layout and style for the toolbar.
+
+{% tabs %}
+{% highlight xaml %}
+
+
+N> To customize the AssistView control's chat appearance and styles, refer to Syncfusion's official help documentation for **[.NET MAUI AIAssistView](https://help.syncfusion.com/maui/aiassistview/styles)**.
+
+### AssistViewButton Icon Visibility
+
+The `SfSmartDataGrid.ShowAssistButtonIcon` property determines whether the AssistView button icon is displayed. By default, ShowAssistButtonIcon is set to `true`. To hide the icon, set this property to false.
+
+{% tabs %}
+{% highlight xaml %}
+ 
+
+### AssistView Header Text
+
+The `AssistViewHeaderText` property in `DataGridAssistViewSettings` is used to change the default text displayed in the AssistView header. By default, the header text is "AI Assistant".
+
+{% tabs %}
+{% highlight xaml %}
+
+
+## Prompt
+
+The `Prompt` property in `DataGridAssistViewSettings` defines an initial prompt that is automatically executed when the AssistView opens for the first time.
+
+{% tabs %}
+{% highlight xaml %}
+ 
+
+N> You can refer to our [.NET MAUI Smart DataGrid]() feature tour page for its groundbreaking feature representations. You can also explore our [.NET MAUI Smart DataGrid Example]() that shows you how to render the Smart DataGrid in .NET MAUI.
\ No newline at end of file
diff --git a/MAUI/SmartDataGrid/overview.md b/MAUI/SmartDataGrid/overview.md
new file mode 100644
index 0000000000..af95c3fe24
--- /dev/null
+++ b/MAUI/SmartDataGrid/overview.md
@@ -0,0 +1,25 @@
+---
+layout: post
+title: About .NET MAUI Smart DataGrid control | Syncfusion®
+description: Learn about the Syncfusion® .NET MAUI Smart DataGrid (SfSmartDataGrid) control and its AI-assisted features.
+platform: MAUI
+control: SfSmartDataGrid
+documentation: ug
+keywords: maui smart datagrid, ai datagrid maui, smart grid maui, ai gridview maui, .net maui smart datagrid, .net maui ai grid
+---
+
+# .NET MAUI Smart DataGrid (SfSmartDataGrid) Overview
+
+The .NET MAUI Smart DataGrid is an AI-assisted data grid control that enhances how users interact with data. It enables natural language–driven operations for sorting, filtering, grouping, and highlighting, helping users perform complex tasks more intuitively and efficiently.
+
+
+
+## Key features
+
+* **Natural-language CRUD:** Create, update, and delete appointments by typing what you want. The SmartScheduler understands time, date, subject, recurrence, and even resource references without requiring structured forms.
+
+* **Resource-aware booking:** Book rooms, equipment, or people while respecting their availability and the scheduler’s current filters. When a requested resource is unavailable, the control can suggest alternatives or adjacent time slots.
+
+* **Conflict detection:** Instantly detect overlapping appointments for selected dates, ranges, or resources. The AI-Powered scheduler can highlight conflicts and propose resolutions (e.g., reschedule, reassign, or extend buffer times)
+
+* **Smart summarization:** Generate concise summaries for upcoming or selected appointments, helping users understand what’s next at a glance (e.g., “Summarize my meetings tomorrow”).
+
+* **Adaptive assist panel:** The assist view opens in compact or expanded layouts with configurable height and width, providing a comfortable experience on phone, tablet, and desktop.
+
+* **Assist button:** The assist button can be enabled or disabled and replaced with a custom data template to match the app’s design.
+
+* **Event Support:** Users can choose whether appointment changes are applied automatically by the AI-Powered Scheduler or handled manually using events.
\ No newline at end of file
diff --git a/MAUI/SmartScheduler/styles.md b/MAUI/SmartScheduler/styles.md
new file mode 100644
index 0000000000..816171bda5
--- /dev/null
+++ b/MAUI/SmartScheduler/styles.md
@@ -0,0 +1,52 @@
+---
+layout: post
+title: Styles support .NET MAUI AI-Powered Scheduler control | Syncfusion
+description: Learn here all about Styles support in Syncfusion® .NET MAUI AI-Powered Scheduler(SfSmartScheduler) control.
+platform: MAUI
+control: SfSmartScheduler
+documentation: ug
+---
+
+# Styles in .NET MAUI AI-Powered Scheduler (SfSmartScheduler)
+
+You can style the elements of the `.NET MAUI Smart Scheduler` assist view using the `PlaceholderColor`, `AssistViewHeaderTextColor`, `AssistViewHeaderBackground`, `AssistViewHeaderFontSize`, `AssistViewHeaderFontFamily`, `AssistViewHeaderFontAttributes` and `AssistViewHeaderFontAutoScalingEnabled` properties of the `AssistStyle`.
+
+{% tabs %}
+{% highlight XAML hl_lines="4 5 6 7 8 9 10 11 12" %}
+
+