Skip to content

ES-872871 Modify the ReadMe file and Description in KB examples #792

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
wants to merge 1 commit into
base: hotfix/hotfix-v24.2.3
Choose a base branch
from
Open

ES-872871 Modify the ReadMe file and Description in KB examples #792

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
36 changes: 18 additions & 18 deletions winui/DataGrid/Column-Types.md
View file
Original file line number Diff line number Diff line change
@@ -278,13 +278,13 @@ You can use the same [DataTemplate](https://docs.microsoft.com/en-us/windows/win

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<DataTemplate x:Key="cellTemplate">
<TextBlock Margin="3,0,0,0"
Foreground="Red"
Text="{Binding Path=Value}" />
</DataTemplate>
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="dataGrid"
AllowEditing="True"
@@ -405,9 +405,9 @@ public class CurrencyFormatConverter : IValueConverter

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:CurrencyFormatConverter x:Key="currencyFormatConverter" />
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="sfDataGrid"
AllowEditing="True"
@@ -488,7 +488,7 @@ When column is auto-generated, you can style the column by handling `AutoGenerat

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<Style x:Key="cellStyle" TargetType="dataGrid:GridCell">
<Setter Property="FontSize" Value="12" />
<Setter Property="FontFamily" Value="Segoe UI" />
@@ -497,7 +497,7 @@ When column is auto-generated, you can style the column by handling `AutoGenerat
<Setter Property="FontStretch" Value="Condensed" />
</Style>

</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

@@ -572,9 +572,9 @@ Below code, sets the customized style selector to `GridColumn.CellStyleSelector`

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:CustomCellStyleSelector x:Key="cellStyleSelector"/>
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="dataGrid"
ItemsSource="{Binding Orders}"
@@ -1106,10 +1106,10 @@ In the below code, custom template selector set to `GridTemplateColumn.EditTempl

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:CustomEditTemplateSelector x:Key="cellTemplateSelector" />
<local:CustomEditTemplateSelector x:Key="editTemplateSelector" />
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="dataGrid"
AutoGenerateColumns="False"
@@ -1163,7 +1163,7 @@ You can improve the drop-down opening time on loading by setting [VirtualizingSt

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<Style TargetType="ComboBox">
<Setter Property="ItemsPanel">
<Setter.Value>
@@ -1173,7 +1173,7 @@ You can improve the drop-down opening time on loading by setting [VirtualizingSt
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

@@ -1329,9 +1329,9 @@ class StringToImageConverter : IValueConverter

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:StringToImageConverter x:Key="stringToImageConverter" />
</Page.Resources>
</Window.Resources>

<Grid>
<dataGrid:SfDataGrid x:Name="dataGrid"
@@ -2166,9 +2166,9 @@ public class MaxLengthConverter : IValueConverter

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:MaxLengthConverter x:Key="converter" />
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="dataGrid"
AutoGenerateColumns="False"
@@ -2193,11 +2193,11 @@ N> TextBlock does not have the MaxLength property. Therefore, you can use the co

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<Style TargetType="TextBox">
<Setter Property="MaxLength" Value="7" />
</Style>
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="dataGrid"
AutoGenerateColumns="False"
8 changes: 4 additions & 4 deletions winui/DataGrid/Columns.md
View file
Original file line number Diff line number Diff line change
@@ -417,11 +417,11 @@ You can set [GridColumn.HeaderTemplate](https://help.syncfusion.com/cr/winui/Syn

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<DataTemplate x:Key="headerTemplate">
<TextBlock Text="The product has been purchased by the following OrderID" TextWrapping="Wrap" />
</DataTemplate>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

@@ -869,9 +869,9 @@ Below code, binds the `ViewModel.AllowFiltering` property to `GridColumn.AllowFi

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:ViewModel x:Key="viewModel" />
</Page.Resources>
</Window.Resources>

<dataGrid:GridTextColumn AllowFiltering="{Binding AllowFiltering,
Source={StaticResource viewModel}}"
4 changes: 2 additions & 2 deletions winui/DataGrid/FilterRow.md
View file
Original file line number Diff line number Diff line change
@@ -324,13 +324,13 @@ You can customize the style of filter row by writing style of TargetType [Filte

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
xmlns:dataGridRowFilter="using:Syncfusion.UI.Xaml.DataGrid.RowFilter"

<Style TargetType="dataGridRowFilter:FilterRowControl">
<Setter Property="Background" Value="BlanchedAlmond"/>
</Style>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

12 changes: 6 additions & 6 deletions winui/DataGrid/Filtering.md
View file
Original file line number Diff line number Diff line change
@@ -242,11 +242,11 @@ You can skip the `GridFilterControl` styling for particular column from `SfDataG

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<Style x:Key="filterControlStyle" TargetType="dataGrid:GridFilterControl">
<Setter Property="FilterMode" Value="AdvancedFilter" />
</Style>
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid Name="sfDataGrid"
AllowFiltering="True"
@@ -741,13 +741,13 @@ You can customize the FilterPopup size using [FilterPopupHeight](https://help.sy

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<Style TargetType="dataGrid:GridFilterControl">
<Setter Property="FontSize" Value="14" />
<Setter Property="FontWeight" Value="Normal" />
<Setter Property="FilterPopupHeight" Value="620" />
</Style>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

@@ -762,7 +762,7 @@ You can change the filter icon style by editing the [FilterToggleButton](https:/

xmlns:grid="using:Syncfusion.UI.Xaml.Grids"

<Page.Resources>
<Window.Resources>
<Style TargetType="grid:FilterToggleButton">
<Setter Property="Template">
<Setter.Value>
@@ -825,7 +825,7 @@ xmlns:grid="using:Syncfusion.UI.Xaml.Grids"
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

22 changes: 11 additions & 11 deletions winui/DataGrid/Getting-Started.md
View file
Original file line number Diff line number Diff line change
@@ -24,8 +24,8 @@ This section explains the steps required to add the DataGrid control and binding
{% capture codesnippet1 %}
{% tabs %}
{% highlight xaml %}
<Page
x:Class="GettingStarted.MainPage"
<Window
x:Class="GettingStarted.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:GettingStarted"
@@ -37,19 +37,19 @@ This section explains the steps required to add the DataGrid control and binding
<Grid x:Name="rootGrid">
<dataGrid:SfDataGrid x:Name="sfDataGrid" />
</Grid>
</Page>
</Window>

{% endhighlight %}
{% highlight c# %}
using Syncfusion.UI.Xaml.DataGrid;
namespace GettingStarted
{
/// <summary>
/// An empty page that can be used on its own or navigated to within a Frame.
/// An empty window that can be used on its own or navigated to within a Frame.
/// </summary>
public sealed partial class MainPage : Page
public sealed partial class MainWindow : Window
{
public MainPage()
public MainWindow()
{
this.InitializeComponent();
SfDataGrid sfDataGrid = new SfDataGrid();
@@ -177,8 +177,8 @@ Bind the collection created in previous step to `SfDataGrid.ItemsSource` propert
{% tabs %}
{% highlight xaml %}

<Page
x:Class="GettingStarted.MainPage"
<Window
x:Class="GettingStarted.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:GettingStarted"
@@ -187,15 +187,15 @@ Bind the collection created in previous step to `SfDataGrid.ItemsSource` propert
xmlns:dataGrid="using:Syncfusion.UI.Xaml.DataGrid"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Page.DataContext>
<Window.DataContext>
<local:ViewModel/>
</Page.DataContext>
</Window.DataContext>
<Grid>
<dataGrid:SfDataGrid x:Name="sfDataGrid"
AutoGenerateColumns="True"
ItemsSource="{Binding Orders}"/>
</Grid>
</Page>
</Window>

{% endhighlight %}
{% highlight c# %}
8 changes: 4 additions & 4 deletions winui/DataGrid/Grouping.md
View file
Original file line number Diff line number Diff line change
@@ -130,9 +130,9 @@ In the below example, OrderID column displays value with one decimal digit in ce
{% highlight xaml %}
xmlns:core="using:Syncfusion.UI.Xaml.Core"

<Page.Resources>
<Window.Resources>
<core:StringFormatConverter x:Key="stringFormatConverter" />
</Page.Resources>
</Window.Resources>
<dataGrid:GridTextColumn HeaderText="Order ID"
TextAlignment="Right"
DisplayBinding="{Binding OrderID,
@@ -418,9 +418,9 @@ Now , assign the `keySelector` into `GroupColumnDescription.KeySelector` and set

{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:EmployeeViewModel x:Key="viewModel"/>
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="sfDataGrid"
AutoGenerateColumns="True"
4 changes: 2 additions & 2 deletions winui/DataGrid/Sorting.md
View file
Original file line number Diff line number Diff line change
@@ -230,9 +230,9 @@ Custom comparer can be added to [SfDataGrid.SortComparers](https://help.syncfusi
xmlns:data="using:Syncfusion.UI.Xaml.Data"
xmlns:grids="using:Syncfusion.UI.Xaml.Grids"

<Page.Resources>
<Window.Resources>
<local:CustomComparer x:Key="comparer" />
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="sfDataGrid" ItemsSource="{Binding Orders}">
<dataGrid:SfDataGrid.SortComparers>
4 changes: 2 additions & 2 deletions winui/DataGrid/Summaries.md
View file
Original file line number Diff line number Diff line change
@@ -1176,9 +1176,9 @@ public static class LinqExtensions
{% capture codesnippet2 %}
{% tabs %}
{% highlight xaml %}
<Page.Resources>
<Window.Resources>
<local:CustomAggregate x:Key="customAggregate" />
</Page.Resources>
</Window.Resources>

<dataGrid:SfDataGrid x:Name="sfDataGrid"
AutoGenerateColumns="True"