Skip to content
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

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

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

Show file tree
Hide file tree
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
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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" />
Expand All @@ -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 %}

Expand Down Expand Up @@ -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}"
Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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>
Expand All @@ -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 %}

Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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"
Expand All @@ -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"
Expand Down
8 changes: 4 additions & 4 deletions winui/DataGrid/Columns.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}

Expand Down Expand Up @@ -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}}"
Expand Down
4 changes: 2 additions & 2 deletions winui/DataGrid/FilterRow.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}

Expand Down
12 changes: 6 additions & 6 deletions winui/DataGrid/Filtering.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down Expand Up @@ -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 %}

Expand All @@ -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>
Expand Down Expand Up @@ -825,7 +825,7 @@ xmlns:grid="using:Syncfusion.UI.Xaml.Grids"
</Setter.Value>
</Setter>
</Style>
</Page.Resources>
</Window.Resources>
{% endhighlight %}
{% endtabs %}

Expand Down
22 changes: 11 additions & 11 deletions winui/DataGrid/Getting-Started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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();
Expand Down Expand Up @@ -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"
Expand All @@ -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# %}
Expand Down
8 changes: 4 additions & 4 deletions winui/DataGrid/Grouping.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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"
Expand Down
4 changes: 2 additions & 2 deletions winui/DataGrid/Sorting.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions winui/DataGrid/Summaries.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down