Merge branch 'development' of https://github.com/syncfusion-content/maui-docs into 998547

Author: MohanrajM-SF4782

MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-actionbuttons.gif

@@ -483,19 +483,19 @@ public class ViewModel : INotifyPropertyChanged
 
 ![Error message in .NET MAUI AI AssistView](images/maui-aiassistview-error-message.png)
 
-## Customizable (Targetable) views
+## 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.
-- `RequestHyperlinkUrlLableView` – Represents the user request URL label area.
+- `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.
-- `ResponseHyperlinkUrlLableView` – Represents the AI response URL label area.
+- `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.
@@ -521,11 +521,11 @@ The following views can be customized individually:
                 <Setter Property="ControlTemplate">
                     <Setter.Value>
                         <ControlTemplate>
-                            <Grid Padding="8" Background="Beige">
+                            <Grid Padding="8" BackgroundColor="{DynamicResource SecondaryContainer}">
                                 <Label
                                     Text="{Binding Text}"
                                     FontSize="13"
-                                    TextColor="Black" />
+                                    TextColor="{DynamicResource OnSecondaryContainer}" />
                             </Grid>
                         </ControlTemplate>
                     </Setter.Value>
@@ -537,12 +537,12 @@ The following views can be customized individually:
                 <Setter Property="ControlTemplate">
                     <Setter.Value>
                         <ControlTemplate>
-                            <Grid Padding="10" Background="LightSkyBlue">
+                            <Grid Padding="10" BackgroundColor="{DynamicResource PrimaryContainer}">
                                 <Label
                                     Text="{Binding Text}"
                                     FontSize="13"
                                     FontAttributes="Italic"
-                                    TextColor="White" />
+                                    TextColor="{DynamicResource OnPrimaryContainer}" />
                             </Grid>
                         </ControlTemplate>
                     </Setter.Value>
@@ -592,7 +592,7 @@ namespace MauiAIAssistView
                         Property = RequestTextView.ControlTemplateProperty,
                         Value = new ControlTemplate(() =>
                         {
-                            var grid = new Grid { Padding = 8, Background = Colors.Beige };
+                            var grid = new Grid { Padding = 8, BackgroundColor = Colors.Beige };
                             var label = new Label
                             {
                                 FontSize = 13,
@@ -616,7 +616,7 @@ namespace MauiAIAssistView
                         Property = ResponseTextView.ControlTemplateProperty,
                         Value = new ControlTemplate(() =>
                         {
-                            var grid = new Grid { Padding = 10, Background = Colors.LightSkyBlue };
+                            var grid = new Grid { Padding = 10, BackgroundColor = Colors.LightSkyBlue };
                             var label = new Label
                             {
                                 FontSize = 13,

MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-editoption.gif

@@ -269,6 +269,8 @@ The `SfAIAssistView` allows you to edit a previously sent request. This feature
 
 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.
 
+![Edit Option in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-editoption.gif)
+
 ## 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.
@@ -433,6 +435,8 @@ public partial class MainPage : ContentPage
 {% endhighlight %} 
 {% endtabs %}
 
+![Action Buttons in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-actionbuttons.gif)
+
 ## Request button customization
 
 ### Request button icon
@@ -445,9 +449,9 @@ The `SfAIAssistView` control allows you to customize the request button icon by
 <syncfusion:SfAIAssistView x:Name="sfAIAssistView"
                            AssistItems="{Binding AssistItems}">
         <syncfusion:SfAIAssistView.RequestButtonIcon>
-            <FontImageSource Glyph="&#xe791;"
+            <FontImageSource Glyph="&#xe809;"
                              FontFamily="MauiMaterialAssets"
-                             Color="Green" />
+                             Color="Black" />
         </syncfusion:SfAIAssistView.RequestButtonIcon>
 </syncfusion:SfAIAssistView>
 
@@ -465,7 +469,7 @@ public partial class MainPage : ContentPage
         sfAIAssistView = new SfAIAssistView();
         sfAIAssistView.RequestButtonIcon = new FontImageSource
         {
-            Glyph = "\ue791;",
+            Glyph = "\ue809;",
             FontFamily = "MauiMaterialAssets",
             Color = Colors.Green
         };
@@ -476,7 +480,9 @@ public partial class MainPage : ContentPage
 {% endhighlight %}
 {% endtabs %}
 
-### Request button temlpate
+![Request Button Icon in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-requestbutton.png)
+
+### 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.
 
@@ -1028,6 +1034,8 @@ public partial class MainPage : ContentPage
 {% endhighlight %}
 {% endtabs %}
 
+![Scroll-To-Buttom in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-scrolltobottom.gif)
+
 ### 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.
@@ -1076,3 +1084,5 @@ public partial class MainPage : ContentPage
 
 {% endhighlight %}
 {% endtabs %}
+
+![Scroll-To-Buttom Template in .NET MAUI AI AssistView](Images/working-with-aiassistview/maui-aiassistview-scrolltobottomtemplate.png)

MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-requestbutton.png

@@ -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 %}
+
+<chart:SfCartesianChart EnableLiquidGlassEffect="True">
+    . . .
+</chart:SfCartesianChart>
+
+{% 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 %}
+
+<chart:SfCartesianChart EnableLiquidGlassEffect="True">
+    . . .
+    <chart:ColumnSeries ItemsSource="{Binding Data}" 
+                        XBindingPath="Category"
+                        YBindingPath="Value"
+                        EnableTooltip="True">
+    </chart:ColumnSeries>
+</chart:SfCartesianChart>
+
+{% 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 %}
+
+<chart:SfCartesianChart EnableLiquidGlassEffect="True">
+    . . .
+    <chart:LineSeries ItemsSource="{Binding Data}" 
+                      XBindingPath="Category"
+                      YBindingPath="Value"
+                      ShowTrackballLabel="True">
+    </chart:LineSeries>
+</chart:SfCartesianChart>
+
+{% 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.
+

MAUI/AIAssistView/Images/working-with-aiassistview/maui-aiassistview-scrolltobottom.gif

@@ -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 %}
+
+    <chart:SfCartesianChart>
+        <chart:SfCartesianChart.Resources>
+            <local:ValueConverter x:Key="valueConverter" />
+
+            <DataTemplate x:Key="tooltiptemplate">
+                <StackLayout x:DataType="chart:TooltipInfo" Orientation="Vertical">
+                    <Label Text="{Binding Item, Converter={StaticResource valueConverter},
+                                          ConverterParameter=Planned,
+                                          StringFormat='Planned : {0}h'}"
+                           TextColor="White" />
+                </StackLayout>
+            </DataTemplate>
+
+            <DataTemplate x:Key="labelTemplate">
+                <StackLayout x:DataType="chart:ChartDataLabel" Orientation="Vertical">
+                    <Label Text="{Binding Item, Converter={StaticResource valueConverter},
+                                          ConverterParameter=Planned,
+                                          StringFormat='Label : {0}h'}"
+                           TextColor="Black" />
+                </StackLayout>
+            </DataTemplate>
+        </chart:SfCartesianChart.Resources>
+
+        <chart:SplineAreaSeries x:Name="series"
+                                ItemsSource="{Binding ChartData}"
+                                XBindingPath="WeekNumber"
+                                YBindingPath="Planned"
+                                EnableTooltip="True"
+                                ShowDataLabels="True"
+                                LabelTemplate="{StaticResource labelTemplate}"
+                                TooltipTemplate="{StaticResource tooltiptemplate}">
+        </chart:SplineAreaSeries>
+
+    </chart:SfCartesianChart>
+
+{% 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)