diff --git a/wpf/Multi-Column-DropDown/Data-Binding.md b/wpf/Multi-Column-DropDown/Data-Binding.md index 734f4e50f..bc0fa8d74 100644 --- a/wpf/Multi-Column-DropDown/Data-Binding.md +++ b/wpf/Multi-Column-DropDown/Data-Binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in WPF Multi Column Dropdown control | Syncfusion® -description: Learn here all about Data Binding support in Syncfusion® WPF Multi Column Dropdown (SfMultiColumnDropDown) control and more. +title: Data Binding in WPF Multi Column Dropdown control | Syncfusion +description: Learn here all about Data Binding support in Syncfusion WPF Multi Column Dropdown (SfMultiColumnDropDown) control and more. platform: wpf control: SfMultiColumnDropDownControl documentation: ug @@ -19,25 +19,25 @@ You can populate the drop down list for SfMultiColumnDropDownControl by setting - + SelectedIndex="0" + DisplayMember="Title" + ValueMember="OrderID" + ItemsSource="{Binding Orders}" /> @@ -58,19 +58,19 @@ Binding with complex properties {% tabs %} {% highlight xaml %} - + - - - - + + + + {% endhighlight %} @@ -82,19 +82,19 @@ Binding with indexer properties {% tabs %} {% highlight xaml %} - + - - - - + + + + {% endhighlight %} diff --git a/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md b/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md index 72941ba8c..ae2e3a7e0 100644 --- a/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md +++ b/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md @@ -1,7 +1,7 @@ --- layout: post -title: Editing and AutoComplete in WPF Multi Column Dropdown | Syncfusion® -description: Learn here all about Editing and AutoComplete support in Syncfusion® WPF Multi Column Dropdown (SfMultiColumnDropDown) control and more. +title: Editing and AutoComplete in WPF Multi Column Dropdown | Syncfusion +description: Learn here all about Editing and AutoComplete support in Syncfusion WPF Multi Column Dropdown (SfMultiColumnDropDown) control and more. platform: wpf control: SfMultiColumnDropDownControl documentation: ug @@ -115,14 +115,14 @@ You can access the text displayed in the Textbox by using [SfMultiColumnDropDown - + SelectedIndex="0" + DisplayMember="Cast" + ValueMember="Title" + ItemsSource="{Binding Orders}" /> -Syncfusion.SfGrid.WPF assembly contains classes that handles all UI operations of SfMultiColumnDropDownControl, DropDownGrid. SfMultiColumnDropDownControl control present in Syncfusion.UI.Xaml.Grid namespace. This namespace also added in http://schemas.syncfusion.com/wpf Syncfusion® WPF schema. +Syncfusion.SfGrid.WPF assembly contains classes that handles all UI operations of SfMultiColumnDropDownControl, DropDownGrid. SfMultiColumnDropDownControl control present in Syncfusion.UI.Xaml.Grid namespace. This namespace also added in http://schemas.syncfusion.com/wpf Syncfusion WPF schema. @@ -85,20 +85,20 @@ In order to add control manually in XAML, do the below 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. +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. {% capture codesnippet1 %} {% tabs %} {% highlight xaml %} + xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" + xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" + xmlns:syncfusion="http://schemas.syncfusion.com/wpf" + x:Class="WpfApplication1.MainWindow" + Title="MainWindow" Height="350" Width="525"> - + {% endhighlight %} @@ -224,16 +224,16 @@ public class ViewModel private void GenerateOrders() { - _orders.Add(new OrderInfo(1001, “Maria Anders”, “Germany”, “ALFKI”, “Berlin”)); - _orders.Add(new OrderInfo(1002, “Ana Trujilo”, “Mexico”, “ANATR”, “Mexico D.F.”)); - _orders.Add(new OrderInfo(1003, “Antonio Moreno”, “Mexico”, “ANTON”, “Mexico D.F.”)); - _orders.Add(new OrderInfo(1004, “Thomas Hardy”, “UK”, “AROUT”, “London”)); - _orders.Add(new OrderInfo(1005, “Christina Berglund”, “Sweden”, “BERGS”, “Lula”)); - _orders.Add(new OrderInfo(1006, “Hanna Moos”, “Germany”, “BLAUS”, “Mannheim”)); - _orders.Add(new OrderInfo(1007, “Frederique Citeaux”, “France”, “BLONP”, “Strasbourg”)); - _orders.Add(new OrderInfo(1008, “Martin Sommer”, “Spain”, “BOLID”, “Madrid”)); - _orders.Add(new OrderInfo(1009, “Laurence Lebihan”, “France”, “BONAP”, “Marseille”)); - _orders.Add(new OrderInfo(1010, “Elizabeth Lincoln”, “Canada”, “BOTTM”, “Tsawassen”)); + _orders.Add(new OrderInfo(1001, "Maria Anders", "Germany", "ALFKI", "Berlin")); + _orders.Add(new OrderInfo(1002, "Ana Trujilo", "Mexico", "ANATR", "Mexico D.F.")); + _orders.Add(new OrderInfo(1003, "Antonio Moreno", "Mexico", "ANTON", "Mexico D.F.")); + _orders.Add(new OrderInfo(1004, "Thomas Hardy", "UK", "AROUT", "London")); + _orders.Add(new OrderInfo(1005, "Christina Berglund", "Sweden", "BERGS", "Lula")); + _orders.Add(new OrderInfo(1006, "Hanna Moos", "Germany", "BLAUS", "Mannheim")); + _orders.Add(new OrderInfo(1007, "Frederique Citeaux", "France", "BLONP", "Strasbourg")); + _orders.Add(new OrderInfo(1008, "Martin Sommer", "Spain", "BOLID", "Madrid")); + _orders.Add(new OrderInfo(1009, "Laurence Lebihan", "France", "BONAP", "Marseille")); + _orders.Add(new OrderInfo(1010, "Elizabeth Lincoln", "Canada", "BOTTM", "Tsawassen")); } } {% endhighlight %} @@ -249,22 +249,22 @@ Bind the collection created in previous step to `ItemsSource` property by settin {% tabs %} {% highlight xaml %} + xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" + xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" + xmlns:syncfusion="http://schemas.syncfusion.com/wpf" + x:Class="WpfApplication1.MainWindow" + xmlns:local="clr-namespace:WpfApplication1" + Title="MainWindow" Height="350" Width="525"> - - + + {% endhighlight %} @@ -287,26 +287,26 @@ By default, the SfMultiColumnDropDownControl generates the columns automatically {% tabs %} {% highlight xaml %} - + - - - + + + {% endhighlight %} {% highlight c# %} SfMultiColumnDropDownControl sfMultiColumn = new SfMultiColumnDropDownControl(); sfMultiColumn.AutoGenerateColumns = false; -sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = “OrderID” }); -sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = “CustomerID” }); -sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = “Country” }); +sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "OrderID" }); +sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "CustomerID" }); +sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "Country" }); {% endhighlight %} {% endtabs %} diff --git a/wpf/TreeGrid/Column-Sizing.md b/wpf/TreeGrid/Column-Sizing.md index 7cbb31cce..34110f061 100644 --- a/wpf/TreeGrid/Column-Sizing.md +++ b/wpf/TreeGrid/Column-Sizing.md @@ -1,7 +1,7 @@ --- layout: post -title: Column Sizing in WPF TreeGrid control | Syncfusion® -description: Learn here all about Column Sizing support in Syncfusion® WPF TreeGrid (SfTreeGrid) control and more. +title: Column Sizing in WPF TreeGrid control | Syncfusion +description: Learn here all about Column Sizing support in Syncfusion WPF TreeGrid (SfTreeGrid) control and more. platform: wpf control: SfTreeGrid documentation: ug @@ -50,8 +50,8 @@ While setting the `TreeGrid.ColumnSizer` property, all column widths are calcula AutoFillColumn -While setting the `TreeGrid.ColumnSizer` property, all column widths are calculated based on content of cell and the last column fills the remaining column width as auto fill. And possible to set any column to fill the remaining space instead of last column by setting `TreeGridColumn.ColumnSizer` as `AutoFillColumn` for that particular column. +While setting the `TreeGrid.ColumnSizer` property, all column widths are calculated based on content of cell and the last column fills the remaining column width as auto fill. And possible to set any column to fill the remaining space instead of last column by setting `TreeGridColumn.ColumnSizer` as `AutoFillColumn` for that particular column.