DOCINFRA-2341_merged_using_automation

MAUI/AIAssistView/emptyview.md

@@ -2,7 +2,8 @@
 layout: post
 title: EmptyView in .NET MAUI AI AssistView control | Syncfusion
 description: Learn here all about EmptyView support in Syncfusion .NET MAUI AI AssistView (SfAIAssistView) control and more.
-control: AI AssistView
+platform: MAUI
+control: SfAIAssistView
 documentation: ug
 ---
 
@@ -166,4 +167,4 @@ N>
 * The `EmptyViewTemplate` will only be applied when the `EmptyView` property is explicitly defined. If `EmptyView` is not set, the template will not be displayed.
 * `EmptyView` can be set to custom data model and the appearance of the `EmptyView` can be customized by using the `EmptyViewTemplate`.
 
-N> [View Sample in GitHub](https://github.com/SyncfusionExamples/how-to-display-empty-view-when-.net-maui-aiassistview-has-no-data).
+N> [View Sample in GitHub](https://github.com/SyncfusionExamples/how-to-display-empty-view-when-.net-maui-aiassistview-has-no-data).

MAUI/AIAssistView/items.md

@@ -489,17 +489,67 @@ The `SfAIAssistView` allows you to customize specific parts of request and respo
 
 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
+### Request Views
+
+<table>
+<tr>
+<th> View </th>
+<th> Description </th>
+</tr>
+<tr>
+<td> {{ '[RequestTextView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.RequestTextView.html)'| markdownify }} </td>
+<td> Represents the user request text content. </td>
+</tr>
+<tr>
+<td> {{ '[RequestAssistImageView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.RequestAssistImageView.html)'| markdownify }} </td>
+<td> Represents the user request image content. </td>
+</tr>
+<tr>
+<td> {{ '[RequestHyperlinkUrlLabelView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.RequestHyperlinkUrlLabelView.html)'| markdownify }} </td>
+<td> Represents the user request URL label area. </td>
+</tr>
+<tr>
+<td> {{ '[RequestHyperLinkDetailsViewFrameView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.RequestHyperLinkDetailsViewFrameView.html)'| markdownify }} </td>
+<td> Represents the user request URL details/preview frame area. </td>
+</tr>
+</table>
+
+### Response Views
+
+<table>
+<tr>
+<th> View </th>
+<th> Description </th>
+</tr>
+<tr>
+<td> {{ '[ResponseTextView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ResponseTextView.html)'| markdownify }} </td>
+<td> Represents the AI response text content. </td>
+</tr>
+<tr>
+<td> {{ '[ResponseAssistImageView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ResponseAssistImageView.html)'| markdownify }} </td>
+<td> Represents the AI response image content. </td>
+</tr>
+<tr>
+<td> {{ '[ResponseHyperlinkUrlLabelView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ResponseHyperlinkUrlLabelView.html)'| markdownify }} </td>
+<td> Represents the AI response URL label area. </td>
+</tr>
+<tr>
+<td> {{ '[ResponseHyperLinkDetailsViewFrameView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ResponseHyperLinkDetailsViewFrameView.html)'| markdownify }} </td>
+<td> Represents the AI response URL details/preview frame area. </td>
+</tr>
+<tr>
+<td> {{ '[ResponseCardView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ResponseCardView.html)'| markdownify }} </td>
+<td> Represents the container for card-based AI responses. </td>
+</tr>
+<tr>
+<td> {{ '[CardItemView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.CardItemView.html)'| markdownify }} </td>
+<td> Represents a single card item within a response. </td>
+</tr>
+<tr>
+<td> {{ '[CardButtonView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.CardButtonView.html)'| markdownify }} </td>
+<td> Represents an action button inside a card item; exposes Title and Value bindable properties. </td>
+</tr>
+</table>
 
 {% tabs %}
 {% highlight xaml hl_lines="14 30" %}

MAUI/AIAssistView/liquid-glass-effect.md

@@ -0,0 +1,85 @@
+---
+layout: post
+title: Liquid Glass Effect for .NET MAUI AI AssistView Control | Syncfusion®
+description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI AI AssistView (SfAIAssistView) control.
+platform: MAUI
+control: SfAIAssistView
+documentation: ug
+---
+
+# Liquid Glass Effect in .NET MAUI AI AssistView (SfAIAssistView)
+
+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 AI AssistView (SfAIAssistView) control.
+
+## Apply liquid glass effect
+
+Follow these steps to enable and configure the Liquid Glass Effect in the AI AssistView control:
+
+### Step 1: Wrap the control inside glass effect view
+
+To apply the Liquid Glass Effect to Syncfusion® .NET MAUI AIAssistView control, wrap the control inside the [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) class.
+
+For more details, refer to the [Liquid Glass Getting Started documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
+
+### Step 2: Enable the liquid glass effect on AI AssistView
+
+Set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_EnableLiquidGlassEffect) property to `true` in the `SfAIAssistView` 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 AI AssistView control to maintain the desired translucent appearance, 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 `SfAIAssistView` control:
+
+{% tabs %}
+{% highlight xaml hl_lines="2 6" %}
+
+<Grid Background="#FF54A3CD">
+    <core:SfGlassEffectView EffectType="Regular"
+                            CornerRadius="20">
+        <assistView:SfAIAssistView x:Name="aiAssistView"
+                                   Background="Transparent"
+                                   EnableLiquidGlassEffect="True"/>
+    </core:SfGlassEffectView>
+</Grid>
+
+{% endhighlight %}
+{% highlight c# hl_lines="14 23" %}
+
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.AIAssistView;
+
+public partial class MainPage : ContentPage
+{
+    public MainPage()
+    {
+        InitializeComponent();
+        var grid = new Grid
+        {
+            Background = Color.FromArgb("#FF54A3CD")
+        };
+
+        var glassView = new SfGlassEffectView
+        {
+            CornerRadius = 20,
+            EffectType = LiquidGlassEffectType.Regular
+        };
+
+        var aiAssistView = new SfAIAssistView
+        {
+            Background = Colors.Transparent,
+            EnableLiquidGlassEffect = true
+        };
+
+        glassView.Content = aiAssistView;
+        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.`

MAUI/AIAssistView/suggestions.md

@@ -386,7 +386,7 @@ The [AssistItemSuggestion.ItemSpacing](https://help.syncfusion.com/cr/maui/Syncf
 
 ### 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.
+The `SfAIAssistView` control allows you to define the header text for each response suggestion by setting a custom text to the [AssistItem.SuggestionHeaderText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.AssistItem.html#Syncfusion_Maui_AIAssistView_AssistItem_SuggestionHeaderText) property, ensuring clear identification and context for each suggestion group displayed to users.
 
 {% tabs %}
 {% highlight c# tabtitle="ViewModel.cs" hl_lines="19" %}

MAUI/AIAssistView/working-with-aiassistview.md

@@ -337,7 +337,7 @@ public partial class MainPage : ContentPage
 
 ## 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`.
+The `SfAIAssistView` can display a quick action icon inside the editor. To enable the action button, set the [ShowActionButtons](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ShowActionButtons) property to `true`.
 
 {% tabs %} 
 {% highlight xaml hl_lines="2" %} 
@@ -368,12 +368,12 @@ public partial class MainPage : ContentPage
 
 ### 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`.
+Bind the [ActionButtons](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ActionButtons) collection with one or more [ActionButton](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ActionButton.html) 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.
+- [Text](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ActionButton.html#Syncfusion_Maui_AIAssistView_ActionButton_Text): Displays the text for the action button.
+- [Icon](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ActionButton.html#Syncfusion_Maui_AIAssistView_ActionButton_Icon): Displays an icon for the action button.
+- [Command](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ActionButton.html#Syncfusion_Maui_AIAssistView_ActionButton_Command): Executes a command when the action button is tapped.
+- [CommandParameter](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.ActionButton.html#Syncfusion_Maui_AIAssistView_ActionButton_CommandParameter): Passes a parameter to the command when executed.
 
 {% tabs %} 
 {% highlight xaml hl_lines="4 5 6 7" %} 
@@ -382,14 +382,14 @@ Bind the `ActionButtons` collection with one or more `ActionButton` items to pop
                            ShowActionButtons="True"
                            AssistItems="{Binding AssistItems}"> 
     <syncfusion:SfAIAssistView.ActionButtons> 
-        <syncfusion:ActionButton Text="Upload images" Icon="image.png" Command="{Binding UploadCommand}" /> 
-        <syncfusion:ActionButton Text="Search in web" Icon="web.png" Command="{Binding SearchCommand}" />
+        <syncfusion:ActionButton BindingContext="{x:Reference viewModel}" Text="Upload images" Icon="image.png" Command="{Binding UploadCommand}" /> 
+        <syncfusion:ActionButton BindingContext="{x:Reference viewModel}" Text="Search in web" Icon="web.png" Command="{Binding SearchCommand}" />
     </syncfusion:SfAIAssistView.ActionButtons> 
 </syncfusion:SfAIAssistView>
 
 {% endhighlight %}
 
-{% highlight c# hl_lines="15 17 23" %} 
+{% highlight c# hl_lines="15 17 24" %} 
 
 using Syncfusion.Maui.AIAssistView;
 
@@ -409,12 +409,14 @@ public partial class MainPage : ContentPage
         {
             new ActionButton
             {
+                BindingContext = this.viewModel;
                 Text = "Upload images",
                 Icon = ImageSource.FromFile("image.png"),
                 Command = this.viewModel.UploadCommand
             },
             new ActionButton
             {
+                BindingContext = this.viewModel;
                 Text = "Search in web",
                 Icon = ImageSource.FromFile("web.png"),
                 Command = this.viewModel.SearchCommand
@@ -434,7 +436,7 @@ public partial class MainPage : ContentPage
 
 ### Request button icon
 
-The `SfAIAssistView` control allows you to customize the request button icon by setting an `ImageSource` to the `RequestButtonIcon` property.
+The `SfAIAssistView` control allows you to customize the request button icon by setting an `ImageSource` to the [RequestButtonIcon](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_RequestButtonIcon) property.
 
 {% tabs %}
 {% highlight xaml hl_lines="3" %}
@@ -998,7 +1000,7 @@ public partial class MainPage : ContentPage
 
 ## 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`.
+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](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ShowScrollToBottomButton) property to `true`.
 
 {% tabs %}
 {% highlight xaml hl_lines="3" %}
@@ -1031,7 +1033,7 @@ public partial class MainPage : ContentPage
 
 ### 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.
+The `SfAIAssistView` control allows you to fully customize the scroll-to-bottom button appearance by using the [ScrollToBottomButtonTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.AIAssistView.SfAIAssistView.html#Syncfusion_Maui_AIAssistView_SfAIAssistView_ScrollToBottomButtonTemplate) property. This property lets you define a custom layout and style.
 
 {% tabs %}
 {% highlight xaml hl_lines="12" %}