Skip to content

Win UI 998730 subbranch #1254

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
subash-sf wants to merge 18 commits into
base: hotfix/hotfix-v31.2.12
Choose a base branch
from
Open

Win UI 998730 subbranch #1254

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
a86934a
Merge pull request #1220 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Nov 19, 2025
e63f02e
Updated the changes
Jothika4341 Nov 19, 2025
489a746
Merge pull request #1221 from syncfusion-content/Update_UG
thangapriyavalasubramanian Nov 19, 2025
5401ff6
Merge pull request #1225 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Nov 19, 2025
e540bde
Merge pull request #1227 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Nov 20, 2025
771dc51
Merge pull request #1229 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Nov 25, 2025
15cd93f
Merge pull request #1230 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 1, 2025
c37edb9
Merge pull request #1233 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 2, 2025
909c09f
Merge pull request #1235 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 4, 2025
60ac198
Merge pull request #1240 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 10, 2025
ca069ca
Merge pull request #1245 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 10, 2025
38771d7
Merge pull request #1246 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 11, 2025
10d1394
Merge pull request #1249 from Syncfusion-Content/hotfix/hotfix-v31.2.12
SyncfusionBuild Dec 12, 2025
93702a7
Added the release notes MD file and corresponding node entry in the T…
DeepakRajSundar Dec 12, 2025
e78eac1
Updated the UG content for Vol 4 Main Release
Jothika4341 Dec 12, 2025
e94f838
Merge pull request #1251 from syncfusion-content/Update-UG-Dev
thangapriyavalasubramanian Dec 12, 2025
b00b8dc
Cartesian chart data template items updated
Priyadharshini-Sf4862 Dec 12, 2025
4fb9f7c
Updated all the chart template codes
Priyadharshini-Sf4862 Dec 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion winui-toc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -689,7 +689,7 @@
</li>
<li>
Release Notes
<ul>
<ul><li>2025 Volume 4 - v32.*<ul><li><a href="/winui/release-notes/v32.1.19">v32.1.19 Main Release</a></li></ul></li>
<li>2025 Volume 3 - v31.*
<ul>
<li> Weekly Nuget Release
Expand Down
10 changes: 6 additions & 4 deletions winui/Cartesian-Charts/Legend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -467,20 +467,20 @@ Customize each legend item by using the [`ItemTemplate`](https://help.syncfusion

{% highlight xaml %}

<chart:SfCartesianChart>
<chart:SfCartesianChart x:Name="chart">
<chart:SfCartesianChart.Resources>
<DataTemplate x:Key="labelTemplate">
<DataTemplate x:Key="labelTemplate" x:DataType="chart:LegendItem">
<StackPanel Margin="10" Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding Interior}"
Fill="{Binding IconBrush}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
Foreground="Black"
FontWeight="SemiBold"
Text="{Binding Label}"/>
Text="{Binding Item._XAxesData}"/>
</StackPanel>
</DataTemplate>
</chart:SfCartesianChart.Resources>
Expand All @@ -505,3 +505,5 @@ chart.Legend = new ChartLegend()
{% endtabs %}

![Legend ItemTemplate support in WinUI Chart](Legend_images/WinUI_chart_legend_itemTemplate.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html#Syncfusion_UI_Xaml_Charts_LegendItem_Item) can be used to access the data linked to the associated model class. The binding context for ChartLegend `ItemTemplate` is [LegendItem](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html), which provides the necessary data for the legend labels.
6 changes: 4 additions & 2 deletions winui/Cartesian-Charts/Tooltip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -581,9 +581,9 @@ The [SfCartesianChart](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.C

{% highlight xaml %}

<chart:SfCartesianChart Height="388" Width="500">
<chart:SfCartesianChart x:Name="chart" Height="388" Width="500">
<chart:SfCartesianChart.Resources>
<DataTemplate x:Key="tooltipTemplate1">
<DataTemplate x:Key="tooltipTemplate1" x:DataType="chart:ChartSegment">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Item.Category}"
Foreground="Black"
Expand Down Expand Up @@ -667,3 +667,5 @@ this.Content = chart;

![Tooltip template in WinUI Chart](Tooltip_images/WinUI_chart_tooltip_customization.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html#Syncfusion_UI_Xaml_Charts_ChartSegment_Item) can be used to access the data linked to the associated model class. The binding context for Chart `TooltipTemplate` is [ChartSegment](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html), which provides the necessary data for the tootip labels.

20 changes: 11 additions & 9 deletions winui/Cartesian-Charts/Trackball.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -513,18 +513,18 @@ The following screenshot illustrates the trackball label for multiple series, wh

{% highlight xaml %}

<chart:SfCartesianChart>
<chart:SfCartesianChart x:Name="chart">
. . .
<chart:SfCartesianChart.Resources>
<DataTemplate x:Key="labelTemplate">
<DataTemplate x:Key="labelTemplate" x:DataType="chart:ChartPointInfo">
<Border CornerRadius="5"
BorderThickness="1"
BorderBrush="Black"
Background="LightGreen"
Padding="5">
<TextBlock Foreground="Black"
Text="{Binding ValueY}"/>
</Border>
BorderThickness="1"
BorderBrush="Black"
Background="LightGreen"
Padding="5">
<TextBlock Foreground="Black"
Text="{Binding ValueY}"/>
</Border>
</DataTemplate>
</chart:SfCartesianChart.Resources>
. . .
Expand Down Expand Up @@ -568,6 +568,8 @@ chart.Series.Add(series);

![Trackball templte support for Trackball in WinUI Chart](Trackball_images/WinUI_chart_trackball_label_template.png)

N> The binding context for Chart `TrackballLabelTemplate` is [ChartPointInfo](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartPointInfo.html), which provides the necessary data for the trackball labels.

### Applying Series Interior

Interior color of the series is applied to the series label by setting [UseSeriesPalette](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartTrackballBehavior.html#Syncfusion_UI_Xaml_Charts_ChartTrackballBehavior_UseSeriesPalette) to true as shown in the following code snippet.
Expand Down
33 changes: 16 additions & 17 deletions winui/Circular-Charts/Legend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -399,32 +399,29 @@ Customize each legend item by using [ItemTemplate](https://help.syncfusion.com/c

{% highlight xaml %}

<Grid x:Name="grid">
<Grid.Resources>
<DataTemplate x:Key="labelTemplate">
<StackPanel Margin="10"
Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding Interior}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
<chart:SfCircularChart x:Name="chart">
<chart:SfCircularChart.Resources>
<DataTemplate x:Key="labelTemplate" x:DataType="chart:LegendItem">
<StackPanel Margin="10" Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding IconBrush}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
Foreground="Black"
FontWeight="SemiBold"
Text="{Binding Label}"/>
FontWeight="SemiBold"
Text="{Binding Item._XAxesData}"/>
</StackPanel>
</DataTemplate>
</Grid.Resources>
<chart:SfCircularChart>
</chart:SfCircularChart.Resources>
. . .
<chart:SfCircularChart.Legend>
<chart:ChartLegend ItemTemplate="{StaticResource labelTemplate}"/>
</chart:SfCircularChart.Legend>

</chart:SfCircularChart>
</Grid>

{% endhighlight %}

Expand All @@ -444,3 +441,5 @@ chart.Legend = new ChartLegend()

![Item template support for legend in WinUI Pie Chart](Legend_Images/WinUI_pie_chart_legend_template.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html#Syncfusion_UI_Xaml_Charts_LegendItem_Item) can be used to access the data linked to the associated model class. The binding context for ChartLegend `ItemTemplate` is [LegendItem](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html), which provides the necessary data for the legend labels.

64 changes: 33 additions & 31 deletions winui/Circular-Charts/Tooltip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -182,37 +182,37 @@ Circular chart provides support to customize the appearance of the tooltip by us
{% highlight xaml %}

<Grid x:Name="grid">
<Grid.Resources>
<DataTemplate x:Key="tooltipTemplate">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Item.Product}"
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<TextBlock Text=" : "
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<TextBlock Text="{Binding Item.SalesRate}"
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</StackPanel>
</DataTemplate>

<Style TargetType="Path" x:Key="style">
<Setter Property="Stroke" Value="Black"/>
<Setter Property="Fill" Value="LightGreen"/>
<Setter Property="StrokeThickness" Value="2"/>
</Style>
</Grid.Resources>
<chart:SfCircularChart>

<chart:SfCircularChart x:Name="chart">
<chart.SfCircularChart.Resources>
<DataTemplate x:Key="tooltipTemplate">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Item.Product}"
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<TextBlock Text=" : "
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<TextBlock Text="{Binding Item.SalesRate}"
Foreground="Black"
FontWeight="Medium"
FontSize="12"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</StackPanel>
</DataTemplate>
<Style TargetType="Path" x:Key="style">
<Setter Property="Stroke" Value="Black"/>
<Setter Property="Fill" Value="LightGreen"/>
<Setter Property="StrokeThickness" Value="2"/>
</Style>
</chart.SfCircularChart.Resources>
. . .
<chart:SfCircularChart.Series>
<chart:PieSeries EnableTooltip="True"
Expand Down Expand Up @@ -244,3 +244,5 @@ series.TooltipTemplate = grid.Resources["tooltipTemplate"] as DataTemplate;

![Tooltip template in WinUI Circular Chart](Tooltip_Images/WinUI_pie_chart_tooltip_template.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html#Syncfusion_UI_Xaml_Charts_ChartSegment_Item) can be used to access the data linked to the associated model class. The binding context for Chart `TooltipTemplate` is [ChartSegment](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html), which provides the necessary data for the tootip labels.

35 changes: 17 additions & 18 deletions winui/Funnel-Chart/Legend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -324,32 +324,29 @@ Customize each legend item by using the [ItemTemplate](https://help.syncfusion.c

{% highlight xaml %}

<Grid x:Name="grid">
<Grid.Resources>
<DataTemplate x:Key="labelTemplate">
<StackPanel Margin="10"
Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding Interior}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
<chart:SfFunnelChart x:Name="chart">
<chart:SfFunnelChart.Resources>
<DataTemplate x:Key="labelTemplate" x:DataType="chart:LegendItem">
<StackPanel Margin="10" Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding IconBrush}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
Foreground="Black"
FontWeight="SemiBold"
Text="{Binding Label}"/>
FontWeight="SemiBold"
Text="{Binding Item._XAxesData}"/>
</StackPanel>
</DataTemplate>
</Grid.Resources>
<chart:SfFunnelChart>
. . .
</chart:SfFunnelChart.Resources>
. . .
<chart:SfFunnelChart.Legend>
<chart:ChartLegend ItemTemplate="{StaticResource labelTemplate}"/>
</chart:SfFunnelChart.Legend>

</chart:SfFunnelChart>
</Grid>

{% endhighlight %}

Expand All @@ -369,3 +366,5 @@ this.Content = chart;
{% endtabs %}

![Legend ItemTemplate support in WinUI Chart](Legend_images/winui-chart_legend_item_customizing.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html#Syncfusion_UI_Xaml_Charts_LegendItem_Item) can be used to access the data linked to the associated model class. The binding context for ChartLegend `ItemTemplate` is [LegendItem](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html), which provides the necessary data for the legend labels.
15 changes: 9 additions & 6 deletions winui/Funnel-Chart/Tooltip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -180,9 +180,9 @@ The following code example explains how to display both x-value and y-value in t

{% highlight xaml %}

<Grid x:Name="grid">
<Grid.Resources>
<DataTemplate x:Key="tooltipTemplate">
<chart:SfFunnelChart x:Name="chart" Height="388" Width="500">
<chart:SfFunnelChart.Resources>
<DataTemplate x:Key="tooltipTemplate" x:DataType="chart:ChartSegment">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Item.Category}"
Foreground="Black"
Expand Down Expand Up @@ -210,8 +210,8 @@ The following code example explains how to display both x-value and y-value in t
<Setter Property="Fill" Value="LightGreen"/>
<Setter Property="StrokeThickness" Value="2"/>
</Style>
</Grid.Resources>

</chart:SfFunnelChart.Resources>
. . .
<chart:SfFunnelChart x:Name="chart"
ItemsSource="{Binding Data}"
XBindingPath="Category"
Expand All @@ -223,7 +223,8 @@ The following code example explains how to display both x-value and y-value in t
<chart:ChartTooltipBehavior Style="{StaticResource style}"/>
</chart:SfFunnelChart.TooltipBehavior>
</chart:SfFunnelChart>
</Grid>

</chart:SfFunnelChart>

{% endhighlight %}

Expand All @@ -243,3 +244,5 @@ this.Content = chart;
{% endtabs %}

![Tooltip template in WinUI Chart](Tooltip_Images/winui-chart_tooltip_template.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html#Syncfusion_UI_Xaml_Charts_ChartSegment_Item) can be used to access the data linked to the associated model class. The binding context for Chart `TooltipTemplate` is [ChartSegment](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.ChartSegment.html), which provides the necessary data for the tootip labels.
26 changes: 14 additions & 12 deletions winui/Polar-Chart/Legend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -309,26 +309,26 @@ Customize each legend item by using the [ItemTemplate](https://help.syncfusion.c

<chart:SfPolarChart x:Name="chart">
<chart:SfPolarChart.Resources>
<DataTemplate x:Key="labelTemplate">
<DataTemplate x:Key="labelTemplate" x:DataType="chart:LegendItem">
<StackPanel Margin="10" Orientation="Vertical">
<Ellipse Height="15"
Width="15"
Fill="{Binding Interior}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
<Ellipse Height="15"
Width="15"
Fill="{Binding IconBrush}"
Stroke="#4a4a4a"
StrokeThickness="2"/>
<TextBlock HorizontalAlignment="Center"
FontSize="12"
Foreground="Black"
FontWeight="SemiBold"
Text="{Binding Label}"/>
FontWeight="SemiBold"
Text="{Binding Item._XAxesData}"/>
</StackPanel>
</DataTemplate>
</chart:SfPolarChart.Resources>
...
. . .
<chart:SfPolarChart.Legend>
<chart:ChartLegend ItemTemplate="{StaticResource labelTemplate}"/>
</chart:SfPolarChart.Legend>
...

</chart:SfPolarChart>

{% endhighlight %}
Expand All @@ -348,3 +348,5 @@ chart.Legend = new ChartLegend()

![Legend ItemTemplate support in WinUI Chart](Legend_images/WinUI_Chart_Legend_Item_customizing.png)

N> The [Item](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html#Syncfusion_UI_Xaml_Charts_LegendItem_Item) can be used to access the data linked to the associated model class. The binding context for ChartLegend `ItemTemplate` is [LegendItem](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Charts.LegendItem.html), which provides the necessary data for the legend labels.

Loading