diff --git a/wpf/DataPager/Getting-Started.md b/wpf/DataPager/Getting-Started.md
index 905251dfb7..5fd65de64c 100644
--- a/wpf/DataPager/Getting-Started.md
+++ b/wpf/DataPager/Getting-Started.md
@@ -9,37 +9,55 @@ documentation: ug
# Getting Started with WPF DataPager (SfDataPager)
-This section describes about the assembly that is required for SfDataPagerControl in your WPF application.The following assemblies are required in your application.
-
-
+This section describes the assemblies that are required for the `SfDataPager` control in your WPF application. The following assemblies are required in your application.
|
-Demanded Assemblies |
-Description |
+Required Assemblies
+
+
+Description
+ |
+
|
-Syncfusion.SfGrid.WPF |
-Covers the SfDataPager and other elements. |
+Syncfusion.SfGrid.WPF
+
+
+Contains the SfDataPager control and related UI components.
+ |
+
-When you use SfDataPager in the SfDataGrid, You need to add the following assembles with the default assembles.
+When you use SfDataPager with SfDataGrid, you need to add the following assemblies along with the default assemblies.
|
-Demanded Assemblies |
-Description |
+Required Assemblies
+
+
+Description
+ |
+
|
-Syncfusion.Data.WPF |
-Covers basic processing on data like sorting, grouping, and filtering. |
+Syncfusion.Data.WPF
+
+
+Contains base classes for data operations (sorting, grouping, filtering).
+ |
+
|
-Syncfusion.Shared.WPF |
-Covers an editors like CurrencyTextBox, PercentEdit, DateTimeEdit. |
+Syncfusion.Shared.WPF
+
+
+Contains editor controls used in data cells (CurrencyTextBox, PercentEdit, DateTimeEdit).
+ |
+
@@ -56,7 +74,7 @@ The following screenshot describes the elements of the DataPager control.
* LastPageButton: Moves the current page index to the last page and displays the last page data.
* NextPageButton: Moves the current page index to the next page and displays the next page data.
* NumericButtons: Denotes the available pages. You can directly navigate to the page by clicking the corresponding button.
-* EllipsisButton: Displayed when AutoEllipsis mode is set. This button displays the next set of numeric page buttons are displayed.
+* EllipsisButton: Displayed when `AutoEllipsis` mode is set. This button displays the next set of numeric page buttons.
@@ -64,22 +82,25 @@ The following screenshot describes the elements of the DataPager control.
The following steps help you to use the SfDataPager in an application:
-1. Create a new WPF application
-2. Open a VisualStudio toolbox. Navigate to SyncfusionControls and drag the SfDataPager to the design window.
+### Option A: Add Control via Designer
+1. Create a new WPF application in Visual Studio.
+2. Open the Visual Studio toolbox and locate **SyncfusionControls**. Drag **SfDataPager** to the design window.

+3. When you drag SfDataPager to the window, the required assembly references are automatically added to your project.
+### Option B: Add Control Manually in XAML
-3. When you drag the SfDataPager to the window, it automatically adds the required references to the current application.To add the SfDataPager using code, you can add the following assemblies to the project.
-
- *Syncfusion.Data.WPF
-
- *Syncfusion.SfGrid.WPF
+1. Create a new WPF application in Visual Studio.
-4. You can either drag the control from Visual Studio or Expression Blend, or add the control to your project manually. You need to add the namespace to make use of SfDataPager in your application.
+2. Add the following required assemblies to the project:
+ - Syncfusion.SfGrid.WPF
+ - Syncfusion.Data.WPF (if using SfDataPager with SfDataGrid)
+
+3. Add the SfDataPager namespace to your XAML page and declare the control.
{% capture codesnippet1 %}
{% tabs %}
@@ -102,7 +123,7 @@ The following steps help you to use the SfDataPager in an application:
{% endcapture %}
{{ codesnippet1 | OrderList_Indent_Level_1 }}
-5. Create Business object class named as OrderInfo
+4. Create a business object class named `OrderInfo`.
{% capture codesnippet2 %}
{% tabs %}
@@ -159,7 +180,7 @@ public class OrderInfo
{% endcapture %}
{{ codesnippet2 | OrderList_Indent_Level_1 }}
-6. Add the following code in ViewModel class
+5. Add the following code in the `ViewModel` class.
{% capture codesnippet3 %}
{% tabs %}
@@ -199,7 +220,7 @@ public class ViewModel
{% endcapture %}
{{ codesnippet3 | OrderList_Indent_Level_1 }}
-7. Set the ViewModel instance as DataContext to window. Now, you can bind the data collection to the SfDataPagerSource property.
+6. Set the ViewModel instance as the DataContext of the window. Now, you can bind the data collection to the [Source](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_Source) property of `SfDataPager`.
{% capture codesnippet4 %}
{% tabs %}
@@ -220,13 +241,13 @@ public class ViewModel
{% endcapture %}
{{ codesnippet4 | OrderList_Indent_Level_1 }}
-8. Then bind the PagedSource property of the SfDataPager control into the SfDataGridItemsSource property.
+7. Then bind the [PagedSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PagedSource) property of the `SfDataPager` control to the [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_ItemsSource) property of `SfDataGrid`. The `sfGrid` namespace below points to the `Syncfusion.UI.Xaml.Grid` namespace in the `Syncfusion.SfGrid.WPF` assembly.
{% capture codesnippet5 %}
{% tabs %}
{% highlight xaml %}
-
+
@@ -246,7 +267,7 @@ public class ViewModel
{% endcapture %}
{{ codesnippet5 | OrderList_Indent_Level_1 }}
-The following screenshot displays the output for Implementation of the SfDataPager in the SfDataGrid Control.
+The following screenshot displays the output for the implementation of the SfDataPager in the SfDataGrid control.

diff --git a/wpf/GridControl/Getting-Started.md b/wpf/GridControl/Getting-Started.md
index 60a6f3f133..8f3c5309b5 100644
--- a/wpf/GridControl/Getting-Started.md
+++ b/wpf/GridControl/Getting-Started.md
@@ -59,7 +59,7 @@ Instead of adding it through a designer such a Visual Studio, you can add the Gr

-3. Name the root Grid as layoutRoot in the application’s XAML page.
+3. Name the root Grid as `layoutRoot` in the application's XAML page.
{% capture codesnippet1 %}
{% tabs %}
@@ -69,29 +69,31 @@ Instead of adding it through a designer such a Visual Studio, you can add the Gr
xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
x:Class="WpfApplication1.MainWindow"
Title="MainWindow" Height="350" Width="525">
-
+
{% endhighlight %}
{% endtabs %}
{% endcapture %}
{{ codesnippet1 | OrderList_Indent_Level_1 }}
-
-4. Create ScrollViewer and GridControl in code.
+
+4. Include the `Syncfusion.Windows.Controls.Grid` namespace in the code-behind file, then create the ScrollViewer and the GridControl in code.
-5. To add the grid to the view, add GridControl as content of ScrollViewer and then add the ScrollViewer as a child of layoutRoot (Grid).
+5. To add the grid to the view, add the GridControl as the content of the ScrollViewer and then add the ScrollViewer as a child of `layoutRoot` (Grid).
{% capture codesnippet2 %}
{% tabs %}
-{%highlight c#%}
+{% highlight c# %}
+using Syncfusion.Windows.Controls.Grid;
+
//ScrollViewer defined here
-ScrollViewer ScrollViewer = new ScrollViewer();
-//GridControl defined here
-GridControl gridControl = new GridControl();
+ScrollViewer ScrollViewer = new ScrollViewer();
+//GridControl defined here
+GridControl gridControl = new GridControl();
//GridControl set as the content of the ScrollViewer
-ScrollViewer.Content = gridControl;
-//To bring the Grid control to the view, ScrollViewer should be set as a child of LayoutRoot
-this.layoutRoot.Children.Add(ScrollViewer);
-{%endhighlight%}
+ScrollViewer.Content = gridControl;
+//To bring the Grid control to the view, ScrollViewer should be set as a child of LayoutRoot
+this.layoutRoot.Children.Add(ScrollViewer);
+{% endhighlight %}
{% endtabs %}
{% endcapture %}
{{ codesnippet2 | OrderList_Indent_Level_1 }}
@@ -104,7 +106,7 @@ The Grid control is a cell-based control, so to populate it, RowCount and Column
{% capture codesnippet3 %}
{% tabs %}
-{%highlight c#%}
+{% highlight c# %}
//Specifying row and column count
gridControl.Model.RowCount = 100;
gridControl.Model.ColumnCount = 20;
@@ -117,17 +119,17 @@ for (int i = 0; i < 100; i++)
gridControl.Model[i, j].CellValue = string.Format("{0}/{1}", i, j);
}
}
-{%endhighlight%}
+{% endhighlight %}
{% endtabs %}
{% endcapture %}
{{ codesnippet3 | OrderList_Indent_Level_1 }}
-2. You can populate data by handling the QueryCellInfo event of gridControl. This will load the data in and on-demand basis, ensuring optimized performance.
+2. You can populate data by handling the `QueryCellInfo` event of gridControl. This will load the data on an on-demand basis, ensuring optimized performance.
{% capture codesnippet4 %}
{% tabs %}
-{%highlight c#%}
+{% highlight c# %}
//Specifying row and column count
gridControl.Model.RowCount = 100;
gridControl.Model.ColumnCount = 20;
@@ -139,12 +141,12 @@ void gridControl_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Gri
e.Style.CellValue=string.Format("{0}/{1}", e.Cell.RowIndex, e.Cell.ColumnIndex);
}
-{%endhighlight%}
+{% endhighlight %}
{% endtabs %}
{% endcapture %}
{{ codesnippet4 | OrderList_Indent_Level_1 }}
-3.Now, run the application. The grid will appear as follows.
+3. Now, run the application. The grid will appear as follows.

diff --git a/wpf/Multi-Column-DropDown/Getting-Started.md b/wpf/Multi-Column-DropDown/Getting-Started.md
index 887bc4cf8d..88d2cb431a 100644
--- a/wpf/Multi-Column-DropDown/Getting-Started.md
+++ b/wpf/Multi-Column-DropDown/Getting-Started.md
@@ -8,7 +8,8 @@ documentation: ug
---
# Getting Started with WPF Multi Column Dropdown (SfMultiColumnDropDown)
-SfMultiColumnDropDownControl displays multiple columns in dropdown by embedding SfDataGrid control for rich look up selection.
+
+The `SfMultiColumnDropDownControl` displays multiple columns in a dropdown by embedding the `SfDataGrid` control for rich look-up selection.
Features,
@@ -18,7 +19,7 @@ Features,
* Ability to customize popup width, height and resize at runtime
* Editor can be Read-only
-You can [refer here](http://help.syncfusion.com/wpf/sfdatagrid/overview) to know more about `SfDataGrid`.
+You can [refer here](https://help.syncfusion.com/wpf/sfdatagrid/overview) to know more about `SfDataGrid`.

@@ -70,7 +71,7 @@ In this walk through, you will create WPF application that contains `SfMultiColu
### Creating the project
-Create new WPF Project in Visual Studio to display SfMultiColumnDropDownControl with data objects.
+Create a new WPF project in Visual Studio to display `SfMultiColumnDropDownControl` with data objects.
### Adding control via Designer
@@ -80,13 +81,13 @@ SfMultiColumnDropDownControl can be added to the application by dragging it from
### Adding control manually in XAML
-In order to add control manually in XAML, do the below steps,
+To add the control manually in XAML, follow these steps:
1. Add the below required assembly references to the project,
* Syncfusion.Data.WPF
* Syncfusion.SfGrid.WPF
-2. Import Syncfusion® WPF schema **http://schemas.syncfusion.com/wpf** or SfMultiColumnDropDownControl namespace **Syncfusion.UI.Xaml.Grid** in XAML page.
-3. Declare `SfMultiColumnDropDownControl` in XAML page.
+2. Import Syncfusion® WPF schema **http://schemas.syncfusion.com/wpf** or `SfMultiColumnDropDownControl` namespace **Syncfusion.UI.Xaml.Grid** in the XAML page.
+3. Declare `SfMultiColumnDropDownControl` in the XAML page.
{% capture codesnippet1 %}
{% tabs %}
@@ -108,16 +109,25 @@ In order to add control manually in XAML, do the below steps,
### Adding control manually in C#
-In order to add the control manually in C#, do the below steps,
+To add the control manually in C#, follow these steps:
1. Add the below required assembly references to the project,
* Syncfusion.Data.WPF
* Syncfusion.SfGrid.WPF
-2. Import SfMultiColumnDropDownControl namespace Syncfusion.UI.Xaml.Grid.
-3. Create `SfMultiColumnDropDownControl` instance and add it to the Page.
+2. Import `SfMultiColumnDropDownControl` namespace **Syncfusion.UI.Xaml.Grid**.
+3. Name the root container in the XAML page so the control can be added from code-behind. Then create a `SfMultiColumnDropDownControl` instance and add it as a child of that container.
{% capture codesnippet2 %}
{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
{% highlight c# %}
using Syncfusion.UI.Xaml.Grid;
@@ -277,9 +287,13 @@ sfMultiColumn.ItemsSource = viewModel.Orders;
## Defining DisplayMember and ValueMember
-[DisplayMember](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_DisplayMember) denotes the path to a value on the data object for visual presentation of the selected object in editor and [ValueMember](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ValueMember) denotes the path to a value on the data object for [SelectedValue](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedValue).
+- **[DisplayMember](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_DisplayMember)**: Specifies the property name to display in the text editor when an item is selected. This is what the user sees in the closed dropdown.
+
+- **[ValueMember](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ValueMember)**: Specifies the property name to use as the [SelectedValue](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedValue). This is typically used in data binding scenarios to capture the actual selected value.
-Refer [here](http://help.syncfusion.com/wpf/sfmulticolumndropdown/data-binding) to know more about the `DisplayMember` and `ValueMember`.
+**Example:** If `DisplayMember="OrderID"` and `ValueMember="OrderID"`, selecting an order shows its OrderID in the editor and returns that OrderID as the SelectedValue.
+
+For more details, refer to the [SfMultiColumnDropDown Data Binding guide](https://help.syncfusion.com/wpf/sfmulticolumndropdown/data-binding).
## Defining Columns
@@ -310,11 +324,11 @@ sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "Country" });
{% endhighlight %}
{% endtabs %}
-
-## Editing and filtering
+## Auto Complete and Filtering
SfMultiColumnDropDownControl provides support to auto append the text from `ItemsSource` when end-user edits in the TextBox by setting [AllowAutoComplete](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowAutoComplete) to `true`.
-Also, it provides support to filter the items displayed in the drop-down based on text in the TextBox by setting[AllowIncrementalFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowIncrementalFiltering) ` to `true`.
+
+Also, it provides support to filter the items displayed in the drop-down based on text entered in the TextBox by setting [AllowIncrementalFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowIncrementalFiltering) to `true`.
## Theme
diff --git a/wpf/Pivot-Grid/PivotGrid-Getting-Started.md b/wpf/Pivot-Grid/PivotGrid-Getting-Started.md
index 9024b8d807..7e781f5eaf 100644
--- a/wpf/Pivot-Grid/PivotGrid-Getting-Started.md
+++ b/wpf/Pivot-Grid/PivotGrid-Getting-Started.md
@@ -9,8 +9,9 @@ documentation: ug
# Getting Started with WPF Pivot Grid
->**Important**
-Starting with v16.2.0.x, if you refer to Syncfusion® assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to learn about registering Syncfusion® license key in your WPF application to use the components.
+>**Important:** License Key Registration
+>
+>Starting with v16.2.0.x, if you refer to Syncfusion® assemblies from the trial setup or from the NuGet feed, include a license key in your projects. Refer to the [Syncfusion License Registration](https://help.syncfusion.com/common/essential-studio/licensing/overview) guide to register the Syncfusion license key in your WPF application.
## Adding pivot grid through designer
@@ -65,7 +66,7 @@ Add the following dependency assemblies to your WPF application. To add them to
* Syncfusion.PivotAnalysis.Wpf
* Syncfusion.Shared.Wpf
-N> You can also get the assemblies by browsing to the default assembly location
+N> You can also get the assemblies by browsing to the default assembly location.
{System Drive}:\Program Files (x86)\Syncfusion\Essential Studio\\{version number}\precompiledassemblies\\{version number}
Then, add a grid container in MainWindow.xaml file to hold the pivot grid control created and added from code-behind.
@@ -83,9 +84,9 @@ Then, add a grid container in MainWindow.xaml file to hold the pivot grid contro
{% endhighlight %}
-Include the *Syncfusion.Windows.Controls.PivotGrid* namespace in the MainWindow.xaml.cs file to create a pivot grid control in code-behind.
+Include the `Syncfusion.Windows.Controls.PivotGrid` namespace in the MainWindow.xaml.cs file to create a pivot grid control in code-behind.
-{%highlight C# %}
+{% highlight C# %}
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
@@ -211,9 +212,11 @@ public class ProductSales {
{% endhighlight %}
-Above mentioned GetSalesData method is used to get the collection that needs to be populated in the pivot grid control. Now, bind the collection to the pivot grid control as its ItemSource. It can be done through XAML or code-behind.
+Above mentioned `GetSalesData` method is used to get the collection that needs to be populated in the pivot grid control. Now, bind the collection to the pivot grid control as its `ItemSource`. It can be done through XAML or code-behind.
+
+N> The `VisualStyle` property sets the built-in theme. `Metro` is used here for illustration; the control also supports other built-in themes. Refer to the [Theme](#theme) section below for details.
-To initialize the ItemSource through **XAML**, ObjectDataProvider is used. Refer to the following code.
+To initialize the `ItemSource` through **XAML**, ObjectDataProvider is used. Refer to the following code.
{% highlight XAML %}
@@ -231,7 +234,7 @@ To initialize the ItemSource through **XAML**, ObjectDataProvider is used. Refer
{% endhighlight %}
- To initialize the Itemsource through code-behind, refer to the following code snippet.
+ To initialize the `ItemSource` through code-behind, refer to the following code snippet.
{% highlight C# %}
@@ -249,7 +252,7 @@ void MainWindow_Loaded(object sender, RoutedEventArgs e) {
### Defining the PivotItems and PivotComputations
- **PivotItem** is a container for items in the pivot grid control, and an item can be either a **PivotRow** or **PivotColumn**. Refer to the topic *1.3.1 Pivot Item* for more details. **PivotComputationInfo** holds the value fields for the pivot grid control, and it does have different types of custom calculations. You can summarize the values depends on your requirement and refer to the topic *1.3.2 PivotComputationInfo* for more details. PivotItems and PivotComputations can be defined through XAML and code-behind.
+ **PivotItem** is a container for items in the pivot grid control, and an item can be either a **PivotRow** or **PivotColumn**. Refer to the [Pivot Item](./Pivot-Item) topic for more details. **PivotComputationInfo** holds the value fields for the pivot grid control, and it has different types of custom calculations. You can summarize the values depending on your requirement. Refer to the [Pivot Computation Info](./Pivot-Computation-Info) topic for more details. PivotItems and PivotComputations can be defined through XAML and code-behind.
To define the PivotItems and PivotComputations through XAML, refer to the following code snippet.
@@ -274,7 +277,7 @@ To define the PivotItems and PivotComputations through XAML, refer to the follow
{% endhighlight %}
-To define through code-behind, include the *Syncfusion.PivotAnalysis.Base* namespace in MainWindow.xaml.cs. Refer to the following code snippet.
+To define through code-behind, include the `Syncfusion.PivotAnalysis.Base` namespace in MainWindow.xaml.cs. Refer to the following code snippet.
{% highlight C# %}
@@ -331,4 +334,4 @@ void MainWindow_Loaded(object sender, RoutedEventArgs e) {

-N> You can refer to our [WPF Pivot Grid](https://www.syncfusion.com/wpf-controls/pivot-grid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF Pivot Grid example](https://github.com/syncfusion/wpf-demos) to knows how to organizes and summarizes business data and displays the result in a cross-table format.
\ No newline at end of file
+N> You can refer to our [WPF Pivot Grid](https://www.syncfusion.com/wpf-controls/pivot-grid) feature tour page for its feature representations. You can also explore our [WPF Pivot Grid example](https://github.com/syncfusion/wpf-demos) to know how to organize and summarize business data and display the result in a cross-table format.
\ No newline at end of file
diff --git a/wpf/Smart-DataGrid/getting-started.md b/wpf/Smart-DataGrid/getting-started.md
index 6529850bf0..5ffa688a38 100644
--- a/wpf/Smart-DataGrid/getting-started.md
+++ b/wpf/Smart-DataGrid/getting-started.md
@@ -7,13 +7,13 @@ control: SfSmartDataGrid
documentation: ug
---
-# Getting Started with WPF SfSmartDataGrid (SfSmartDataGrid)
+# Getting Started with WPF SfSmartDataGrid
-This section provides a quick overview for working with the [WPF SfSmartDataGrid](https://www.syncfusion.com/wpf-controls/smart-datagrid) (SfSmartDataGrid) for WPF. Walk through the entire process of creating a real world of this control.
+This section provides a quick overview for working with the [WPF SfSmartDataGrid](https://www.syncfusion.com/wpf-controls/smart-datagrid) control. Walk through the entire process of creating a real-world application using this control.
## Assembly deployment
-The following list of assemblies needs to be added as reference to use SfSmartDataGrid control in any application,
+The following list of assemblies needs to be added as reference to use the SfSmartDataGrid control in any application,
@@ -67,7 +67,8 @@ Syncfusion.Shared.WPF contains various editor controls (such as IntegerTextBox,
## Creating simple application with SfSmartDataGrid
-In this walk-through you will create a WPF application that uses the Syncfusion® WPF DataGrid (`SfSmartDataGrid`) control. The steps below correspond to the seven key topics needed to add and bind a SfSmartDataGrid in a WPF project.
+
+In this walkthrough, you will create a WPF application that uses the Syncfusion® WPF DataGrid (`SfSmartDataGrid`) control. The steps below correspond to the key topics needed to add and bind a SfSmartDataGrid in a WPF project.
1. [Create a new WPF project](#create-a-new-wpf-project)
2. [Install required Syncfusion® NuGet packages](#install-the-syncfusion-wpf-nuget-packages)
@@ -87,8 +88,8 @@ Create new WPF Project in Visual Studio to display SfSmartDataGrid with data obj
### Install the Syncfusion® WPF NuGet packages
1. In **Solution Explorer**, right-click the project and choose **Manage NuGet Packages**.
-2. Search for Syncfusion.SfSmartComponents.Wpf and install the latest version.
-3. Ensure the necessary dependencies are installed correctly, and the project is restored.
+2. Search for `Syncfusion.SfSmartComponents.Wpf` and install the latest version.
+3. The `Syncfusion.SfSmartComponents.Wpf` package automatically pulls in the dependent assemblies listed in the [assembly deployment](#assembly-deployment) section (`Syncfusion.Data.WPF`, `Syncfusion.SfGrid.WPF`, `Syncfusion.Shared.WPF`, and `Syncfusion.SfChat.WPF`) as transitive references. Ensure the project is restored successfully.
### Adding control via Designer
@@ -97,9 +98,9 @@ SfSmartDataGrid control can be added to the application by dragging it from Tool
### Adding control manually in XAML
-In order to add control manually in XAML, do the below steps,
+To add the control manually in XAML, follow these steps:
-1. Add the below required assembly references to the project,
+1. Add the following required assembly references to the project:
* Syncfusion.Data.WPF
* Syncfusion.SfGrid.WPF
* Syncfusion.Shared.WPF
@@ -125,9 +126,9 @@ In order to add control manually in XAML, do the below steps,
{% endcapture %}
{{ codesnippet1 | OrderList_Indent_Level_1 }}
-### Adding control manually in C\#
+### Adding control manually in C#
-In order to add control manually in C#, do the below steps,
+To add the control manually in C#, follow these steps:
1. Add the below required assembly references to the project,
* Syncfusion.Data.WPF
@@ -135,11 +136,19 @@ In order to add control manually in C#, do the below steps,
* Syncfusion.Shared.WPF
* Syncfusion.SfChat.WPF
* Syncfusion.SfSmartComponents.WPF
-2. Import SfSmartDataGrid namespace **Syncfusion.UI.Xaml.SmartComponents** .
-3. Create SfSmartDataGrid control instance and add it to the Page.
+2. Import SfSmartDataGrid namespace **Syncfusion.UI.Xaml.SmartComponents**.
+3. Name the root container in the XAML page so the control can be added from code-behind. Then create a `SfSmartDataGrid` instance and add it as a child of that container.
{% capture codesnippet2 %}
{% tabs %}
+{% highlight xaml %}
+
+
+
+{% endhighlight %}
{% highlight c# %}
using Syncfusion.UI.Xaml.SmartComponents;
namespace WpfApplication1
@@ -159,9 +168,9 @@ namespace WpfApplication1
{% endcapture %}
{{ codesnippet2 | OrderList_Indent_Level_1 }}
-### Creating Data Model for sample application
+### Creating Data Model for Sample Application
-SfSmartDataGrid is a data-bound control. So before create binding to the control, you must create data model for Application.
+SfSmartDataGrid is a data-bound control. Before binding data to the control, you must create a data model for your application.
1. Create data object class named **OrderInfo** and declare properties as shown below,
@@ -276,11 +285,16 @@ public partial class OrderInfo : INotifyPropertyChanged
N> If you want your data object (OrderInfo class) to automatically reflect property changes, then the object must implement **INotifyPropertyChanged** interface.
-2. Create a **ViewModel** class with Orders property and Orders property is initialized with several data objects in constructor.
+2. Create a **ViewModel** class with `OrderInfoCollection` property and initialize the collection with several data objects in the constructor. The `Author` type referenced by the `CurrentUser` property represents the active user for the AssistView layout and can be defined as a simple class with a `Name` property.
{% capture codesnippet4 %}
{% tabs %}
{% highlight c# %}
+public class Author
+{
+ public string Name { get; set; }
+}
+
public class ViewModel : INotifyPropertyChanged
{
public ObservableCollection OrderInfoCollection { get; set; }
@@ -453,7 +467,7 @@ N>Bind the **CurrentUser** property to differentiate outgoing requests (from the
{% endhighlight %}
{% highlight c# %}
ViewModel viewModel = new ViewModel();
-dataGrid.ItemsSource = viewModel.Orders;
+SmartGrid.ItemsSource = viewModel.OrderInfoCollection;
{% endhighlight %}
{% endtabs %}