diff --git a/wpf/Multi-Column-DropDown/Columns.md b/wpf/Multi-Column-DropDown/Columns.md index 208fd7bc8..1cc58bed8 100644 --- a/wpf/Multi-Column-DropDown/Columns.md +++ b/wpf/Multi-Column-DropDown/Columns.md @@ -9,7 +9,7 @@ documentation: ug # Columns in WPF MultiColumn Dropdown -SfMultiColumnDropDownControl enables you to define the columns as like in SfDataGrid. You can let the `SfMultiColumnDropDownControl` to create columns or you can manually defined columns to de displayed. Below sections explains both ways, +WPF MultiColumn Dropdown enables you to define the columns as like in Data Grid. You can let the control to create columns or you can manually defined columns to be displayed. Below sections explains both ways, 1. Automatically generating columns 2. Manually define columns @@ -17,11 +17,11 @@ SfMultiColumnDropDownControl enables you to define the columns as like in SfData ## Automatically generating columns The automatic column generation based on properties of data object can be enabled or disabled by setting [SfMultiColumnDropDownControl.AutoGenerateColumns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AutoGenerateColumns). -You can [refer here](http://help.syncfusion.com/wpf/sfdatagrid/columns#defining-columns) to know more about the automatic column generation in SfMultiColumnDropDownControl. +You can [refer here](http://help.syncfusion.com/wpf/sfdatagrid/columns#defining-columns) to know more about the automatic column generation in MultiColumn Dropdown. ## Manually defining columns -SfMultiColumnDropDownControl control allows you to define the columns manually by adding desired column to the [SfMultiColumnDropDownControl.Columns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_Columns) collection. +MultiColumn Dropdown allows you to define the columns manually by adding desired column to the [SfMultiColumnDropDownControl.Columns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_Columns) collection. {% tabs %} {% highlight xaml %} @@ -49,7 +49,7 @@ sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "Country" }); {% endhighlight %} {% endtabs %} -![Manually generated the columns in WPF SfMultiColumnDropDown](Columns_images/Columns_img1.png) +![Manually generated the columns](Columns_images/Columns_img1.png) ### Customize auto-generated columns diff --git a/wpf/Multi-Column-DropDown/Data-Binding.md b/wpf/Multi-Column-DropDown/Data-Binding.md index 7630cf5d5..94fd979a6 100644 --- a/wpf/Multi-Column-DropDown/Data-Binding.md +++ b/wpf/Multi-Column-DropDown/Data-Binding.md @@ -9,7 +9,7 @@ documentation: ug # Data Binding in WPF MultiColumn Dropdown -You can populate the drop down list for SfMultiColumnDropDownControl by setting [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. +You can populate the drop down list for WPF MultiColumn Dropdown by setting [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. [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 Textbox 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 to get the [SelectedValue](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedValue). {% tabs %} @@ -48,11 +48,11 @@ You can populate the drop down list for SfMultiColumnDropDownControl by setting Here, `DisplayMember` is `Title` hence the Title property in underlying data object is displayed in the textbox and the `ValueMember` is `OrderID` hence the OrderID property in underlying data object is considered as the `SelectedValue`. -![Binding the data with SfMultiColumnDropDownControl Wpf](Data-Binding_images/Data-Binding_img1.png) +![Binding the data](Data-Binding_images/Data-Binding_img1.png) ## Binding with complex and indexer properties -SfMultiColumnDropDownControl provides support to display complex and indexer properties in its columns and also you can set complex and indexer properties as path to `DisplayMember` and `ValueMember` properties. +MultiColumn Dropdown provides support to display complex and indexer properties in its columns and also you can set complex and indexer properties as path to `DisplayMember` and `ValueMember` properties. Binding with complex properties @@ -76,7 +76,7 @@ Binding with complex properties {% endhighlight %} {% endtabs %} -![Binding the complex properties with SfMultiColumnDropDownControl wpf](Data-Binding_images/Data-Binding_img2.png) +![Binding the complex properties](Data-Binding_images/Data-Binding_img2.png) Binding with indexer properties @@ -100,4 +100,4 @@ Binding with indexer properties {% endhighlight %} {% endtabs %} -![Binding the indexer properties with SfMultiColumnDropDownControl wpf](Data-Binding_images/Data-Binding_img3.png) +![Binding the indexer properties](Data-Binding_images/Data-Binding_img3.png) diff --git a/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md b/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md index 4224472af..52cf15ba1 100644 --- a/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md +++ b/wpf/Multi-Column-DropDown/Editing-and-AutoComplete.md @@ -9,11 +9,11 @@ documentation: ug # Editing and AutoComplete in WPF MultiColumn Dropdown -SfMultiColumnDropDownControl allows you to edit via TextBox. You can make the editor as read-only by setting [SfMultiColumnDropDownControl.ReadOnly](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ReadOnly) property as `true`. +WPF MultiColumn Dropdown allows you to edit via TextBox. You can make the editor as read-only by setting [SfMultiColumnDropDownControl.ReadOnly](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ReadOnly) property as `true`. ## Auto Completion of Text -SfMultiColumnDropDownControl auto append the text based on `ItemsSource` when end-user edits in the TextBox when setting [AllowAutoComplete](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowAutoComplete) to `true`. +MultiColumn Dropdown auto append the text based on `ItemsSource` when end-user edits in the TextBox when setting [AllowAutoComplete](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowAutoComplete) to `true`. ![Editing-and-AutoComplete_img1](Editing-and-AutoComplete_images/Editing-and-AutoComplete_img1.png) @@ -36,7 +36,7 @@ You can open the popup while typing the value in editor itself by setting [Allow ## Open popup while loading -You can specify whether the popup is need to open or close by setting [IsDropDownOpen](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_IsDropDownOpen) as `true`. You can open the popup while loading the SfMultiColumnDropDownControl itself by setting `IsDropDownOpen` as `true`. +You can specify whether the popup is need to open or close by setting [IsDropDownOpen](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_IsDropDownOpen) as `true`. You can open the popup while loading the MultiColumn Dropdown itself by setting `IsDropDownOpen` as `true`. {% tabs %} {% highlight xml %} @@ -67,7 +67,7 @@ void sfMultiColumn_Loaded(object sender, RoutedEventArgs e) {% endtabs %} ## Keyboard Interactions -SfMultiColumnDropDownControl provides keyboard support for interaction. You can open the `DropDownGrid` without clicking the toggle button in SfMultiColumnDropDownControl by using the keyboard shortcuts. +MultiColumn Dropdown provides keyboard support for interaction. You can open the DropDownGrid without clicking the toggle button in the control. diff --git a/wpf/Multi-Column-DropDown/Filtering.md b/wpf/Multi-Column-DropDown/Filtering.md index 1d97cae2d..16357ebd5 100644 --- a/wpf/Multi-Column-DropDown/Filtering.md +++ b/wpf/Multi-Column-DropDown/Filtering.md @@ -9,7 +9,7 @@ documentation: ug # Filtering in WPF MultiColumn Dropdown -SfMultiColumnDropDownControl provides support to filter the drop down display list based on typed text by setting [AllowIncrementalFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowIncrementalFiltering) as `true`. The records are filter based on `DisplayMember`. +WPF MultiColumn Dropdown provides support to filter the drop down display list based on typed text by setting [AllowIncrementalFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowIncrementalFiltering) as `true`. The records are filter based on `DisplayMember`. By default, drop down list is filtered based on `SearchCondition.StartsWith` condition. You can change the filtering search condition by setting [SearchCondition](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SearchCondition) (StartsWith, Contains, Equals options). @@ -33,7 +33,7 @@ By default, drop down list is filtered based on `SearchCondition.StartsWith` con {% endhighlight %} {% endtabs %} -![The image describes the AllowIncrementalFiltering support in SfMultiColumnDropDownControl WPF](Filtering_images/Filtering_img1.png) +![The image describes the AllowIncrementalFiltering support](Filtering_images/Filtering_img1.png) ## Case-Sensitive Filtering @@ -41,7 +41,7 @@ You can decides whether the automatic completion of text and the filtering are c ## Ignore Diacritic Sensitivity -By default, SfMultiColumnDropDownControl filter or auto-complete the data based on an input character only. For example, if we type normal character in editor, it will not filter or auto-complete the record containing a diacritic character. You can disable the [AllowDiacriticSensitiveFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowDiacriticSensitiveFiltering) property if you want to filter or auto-complete data that also contains a diacritic character while typing normal character in the editor. +By default, MultiColumn Dropdown filter or auto-complete the data based on an input character only. For example, if we type normal character in editor, it will not filter or auto-complete the record containing a diacritic character. You can disable the [AllowDiacriticSensitiveFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AllowDiacriticSensitiveFiltering) property if you want to filter or auto-complete data that also contains a diacritic character while typing normal character in the editor. {% tabs %} {% highlight xml %} @@ -58,11 +58,11 @@ By default, SfMultiColumnDropDownControl filter or auto-complete the data based {% endhighlight %} {% endtabs %} -![The image describes the AllowDiacriticSensitiveFiltering support in SfMultiColumnDropDownControl WPF](Filtering_images/Filtering_img3.gif) +![The image describes the AllowDiacriticSensitiveFiltering support](Filtering_images/Filtering_img3.gif) -## How to filter SfMultiColumnDropDownControl based on various column values +## How to filter MultiColumn Dropdown based on various column values -By default, SfMultiColumnDropDownControl filter the text based on `DisplayMember` (considers single column text only). You can also filter the text based on multiple columns by overriding the [FilterRecord](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_FilterRecord_System_Object_) method in `SfMultiColumnDropDownControl` and use the [SearchText](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SearchText) property to get the entered text in editor. +By default, MultiColumn Dropdown filter the text based on `DisplayMember` (considers single column text only). You can also filter the text based on multiple columns by overriding the [FilterRecord](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_FilterRecord_System_Object_) method and use the [SearchText](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SearchText) property to get the entered text in editor. {% tabs %} {% highlight c# %} @@ -103,10 +103,10 @@ public class CustomMultiColumnControl : SfMultiColumnDropDownControl Here, `Title` is defined as a `DisplayMember`. But it also searches the match case from the `Cast` column also while filtering. -![The image describes the custom filtering by FilterRecord method in SfMultiColumnDropDownControl WPF](Filtering_images/Filtering_img2.png) +![The image describes the custom filtering by FilterRecord method](Filtering_images/Filtering_img2.png) -N> Excel-like filtering is not supported in SfMultiColumnDropDownControl. You can customize the SfMultiColumnDropDownControl ControlTemplate to enable the Excel-like filtering by setting `AllowFiltering` as true in SfDataGrid. +N> Excel-like filtering is not supported in MultiColumn Dropdown. You can customize its ControlTemplate to enable the Excel-like filtering by setting `AllowFiltering` as true in Data Grid. ## Filtering Delay By default, filtering and auto-completion operations performed while typing in the editor will be delayed for a specified amount of time (milliseconds). The period of delaying filtering and auto-completion operations can be specified by the `FilterDelay` property. The default value for the `FilterDelay` property is `500`. diff --git a/wpf/Multi-Column-DropDown/Getting-Started.md b/wpf/Multi-Column-DropDown/Getting-Started.md index 1b67256db..e4a67f751 100644 --- a/wpf/Multi-Column-DropDown/Getting-Started.md +++ b/wpf/Multi-Column-DropDown/Getting-Started.md @@ -8,7 +8,7 @@ documentation: ug --- # Getting Started with WPF MultiColumn Dropdown -SfMultiColumnDropDownControl displays multiple columns in dropdown by embedding SfDataGrid control for rich look up selection. +WPF MultiColumn Dropdown displays multiple columns in dropdown by embedding Data Grid control for rich look up selection. Features, @@ -20,11 +20,11 @@ Features, You can [refer here](http://help.syncfusion.com/wpf/sfdatagrid/overview) to know more about `SfDataGrid`. -![MultiColumnDropDown - Getting Started](Getting-Started_images/Getting-Started_img1.png) +![Getting Started](Getting-Started_images/Getting-Started_img1.png) ## Assembly deployment -The following list of assemblies needs to be added as reference to use `SfMultiColumnDropDownControl` control in any application, +The following list of assemblies needs to be added as reference to use `MultiColumn Dropdown` in any application,
@@ -48,15 +48,15 @@ Syncfusion.Data.WPF assembly contains fundamental and base classes for Collectio Syncfusion.SfGrid.WPF
-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 MultiColumn Dropdown, DropDownGrid. MultiColumn Dropdown present in Syncfusion.UI.Xaml.Grid namespace. This namespace also added in http://schemas.syncfusion.com/wpf Syncfusion® WPF schema.
-## Creating simple application with SfMultiColumnDropDownControl +## Creating simple application with MultiColumn Dropdown -In this walk through, you will create WPF application that contains `SfMultiColumnDropDownControl`. +In this walk through, you will create WPF application that contains `MultiColumn Dropdown`. 1. [Creating project](#Creating-the-project) 2. [Adding control via Designer](#Adding-control-via-Designer) @@ -70,13 +70,13 @@ 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 new WPF Project in Visual Studio to display MultiColumn Dropdown with data objects. ### Adding control via Designer -SfMultiColumnDropDownControl can be added to the application by dragging it from Toolbox and dropping it in Designer view. The required assembly references will be added automatically. +MultiColumn Dropdown can be added to the application by dragging it from Toolbox and dropping it in Designer view. The required assembly references will be added automatically. -![MultiColumnDropDown - Getting Started](Getting-Started_images/Getting-Started_img2.png) +![Getting Started](Getting-Started_images/Getting-Started_img2.png) ### Adding control manually in XAML @@ -243,7 +243,7 @@ public class ViewModel ## Binding to Data -You can populate the drop down list for SfMultiColumnDropDownControl by setting [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. +You can populate the drop down list for MultiColumn Dropdown by setting [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. Bind the collection created in previous step to `ItemsSource` property by setting ViewModel as DataContext. {% tabs %} @@ -273,7 +273,7 @@ ViewModel viewModel = new ViewModel(); sfMultiColumn.ItemsSource = viewModel.Orders; {% endhighlight %} {% endtabs %} -![MultiColumnDropDown - Getting Started](Getting-Started_images/Getting-Started_img3.png) +![Getting Started](Getting-Started_images/Getting-Started_img3.png) ## Defining DisplayMember and ValueMember @@ -283,7 +283,7 @@ Refer [here](http://help.syncfusion.com/wpf/sfmulticolumndropdown/data-binding) ## Defining Columns -By default, the SfMultiColumnDropDownControl generates the columns automatically based on [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. You can prevent the automatic column generation by setting[AutoGenerateColumns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AutoGenerateColumns) property to `false`. When `AutoGenerateColumns` property is false, you have to define the columns to be displayed as below, +By default, the MultiColumn Dropdown generates the columns automatically based on [ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_ItemsSource) property. You can prevent the automatic column generation by setting[AutoGenerateColumns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_AutoGenerateColumns) property to `false`. When `AutoGenerateColumns` property is false, you have to define the columns to be displayed as below, {% tabs %} {% highlight xaml %} @@ -313,15 +313,14 @@ sfMultiColumn.Columns.Add(new GridTextColumn() { MappingName = "Country" }); ## Editing 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`. +MultiColumn Dropdown 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`. ## Theme -SfMultiColumnDropDownControl supports various built-in themes. Refer to the below links to apply themes for the SfMultiColumnDropDownControl, +MultiColumn Dropdown supports various built-in themes. Refer to the below links to apply themes, * [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager) * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - - ![Setting theme to WPF MultiColumnDropDown](Getting-Started_images/Theme.png) \ No newline at end of file + ![Setting theme](Getting-Started_images/Theme.png) \ No newline at end of file diff --git a/wpf/Multi-Column-DropDown/Overview.md b/wpf/Multi-Column-DropDown/Overview.md index a6fc6b87d..96c973628 100644 --- a/wpf/Multi-Column-DropDown/Overview.md +++ b/wpf/Multi-Column-DropDown/Overview.md @@ -9,9 +9,9 @@ documentation: ug # About Syncfusion® WPF MultiColumn Dropdown Control. -Syncfusion's MultiColumnDropDown control is combined with an Editor (TextBox Control) and powerful SfDataGrid (DataGrid Control) to search and select items by using the DropDownGrid. The Editor accepts free-flow text that is used to filter the DropDownGrid. +Syncfusion's WPF MultiColumn Dropdown is combined with an Editor (TextBox Control) and powerful Data Grid to search and select items by using the DropDownGrid. The Editor accepts free-flow text that is used to filter the DropDownGrid. -Following are the key features of SfMultiColumnDropDownControl +Following are the key features of MultiColumn Dropdown * **Data binding** – Supports to bind different types of data sources. * **Columns** – Support for various column types. diff --git a/wpf/Multi-Column-DropDown/Popup-customization.md b/wpf/Multi-Column-DropDown/Popup-customization.md index 8da84d0a6..bcf875f92 100644 --- a/wpf/Multi-Column-DropDown/Popup-customization.md +++ b/wpf/Multi-Column-DropDown/Popup-customization.md @@ -8,7 +8,7 @@ documentation: ug --- # Popup customization in WPF MultiColumn Dropdown -SfMultiColumnDropDownControl allows you to customize the Popup appearance by setting [PopupBackground](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBackground), [PopupBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBorderBrush), [PopupDropDownGridBackground](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupDropDownGridBackground) and [PopupBorderThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBorderThickness) properties. +WPF MultiColumn Dropdown allows you to customize the Popup appearance by setting [PopupBackground](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBackground), [PopupBorderBrush](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBorderBrush), [PopupDropDownGridBackground](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupDropDownGridBackground) and [PopupBorderThickness](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_PopupBorderThickness) properties. {% tabs %} {% highlight xaml %} @@ -64,7 +64,7 @@ Similarly, the `PopupHeight` will be set based on[PopupMinHeight](https://help.s ### Auto sizing -SfMultiColumnDropDownControl can automatically adjust the popup width and height based on the width and height of SfDataGrid when setting [IsAutoPopupSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_IsAutoPopupSize) as `true`. +MultiColumn Dropdown can automatically adjust the popup width and height based on the width and height of Data Grid when setting [IsAutoPopupSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_IsAutoPopupSize) as `true`. N> When `IsAutoPopupSize` is `true`, then the popup width and height is not calculated based on `PopupHeight` and `PopupWidth`. ## Resizing popup @@ -73,7 +73,7 @@ You can allow the end-user to resize the drop-down popup through resizing thumb ## Keep DropDownPopup as StaysOpen -You can keep the popup in SfMultiColumnDropDownControl as always open by using `StaysOpen` property. You can get the popup from template of SfMultiColumnDropDownControl in its loaded event and set the `StaysOpen` property as `true`. +You can keep the popup in MultiColumn Dropdown as always open by using `StaysOpen` property. You can get the popup from template of Control in its loaded event and set the `StaysOpen` property as `true`. {% tabs %} {% highlight c# %} @@ -87,7 +87,7 @@ sfMultiColumn.Loaded += (o, e) => ## Events -SfMultiColumnDropDownControl provides the following events for popup customizations, +MultiColumn Dropdown provides the following events for popup customizations, ### PopupClosing event diff --git a/wpf/Multi-Column-DropDown/Selection.md b/wpf/Multi-Column-DropDown/Selection.md index f301192d2..8a07b320c 100644 --- a/wpf/Multi-Column-DropDown/Selection.md +++ b/wpf/Multi-Column-DropDown/Selection.md @@ -9,7 +9,7 @@ documentation: ug # Selection in WPF MultiColumn Dropdown -[SfMultiColumnDropDownControl](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html) allows you to select one or more rows based on the SelectionMode. You can get the selected item in the SfDataGrid by using [SelectedItem](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedItem) property and the selected index by using [SelectedIndex](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedIndex) property. +[WPF MultiColumn Dropdown](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html) allows you to select one or more rows based on the SelectionMode. You can get the selected item in the Data Grid by using [SelectedItem](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedItem) property and the selected index by using [SelectedIndex](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedIndex) property. By using [SelectedValue](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectedValue) property, you can get the selected value from the selected item based on the `ValueMember` property. @@ -33,7 +33,7 @@ this.sfMultiColumn.SelectionMode = DropDownSelectionMode.Single; {% endhighlight %} {% endtabs %} -![Single item selected in WPF SfMultiColumnDropDownControl](Selection_images/Selection_img1.png) +![Single item selected](Selection_images/Selection_img1.png) ## Multi-Selection @@ -63,7 +63,7 @@ this.sfMultiColumn.SelectionMode = DropDownSelectionMode.Multiple; {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -![Multiple items selected in WPF SfMultiColumnDropDownControl](Selection_images/Selection_img2.png) +![Multiple items selected](Selection_images/Selection_img2.png) N> SelectedItem will be added, only after clicking on `Ok` button in the dropdown or by pressing `Enter` key. `SelectedItem`, `SelectedIndex` and `SelectedValue` denotes the first selected row. @@ -88,7 +88,7 @@ this.sfMultiColumn.SeparatorString = "-"; {% endhighlight %} {% endtabs %} -![Customization of SeparatorString in WPF SfMultiColumnDropDownControl](Selection_images/Selection_img3.png) +![Customization of SeparatorString](Selection_images/Selection_img3.png) ### Accessing the selected items @@ -203,7 +203,7 @@ internal class MultiConverter : IMultiValueConverter {% endhighlight %} {% endtabs %} -![Loading custom control in dropdown of WPF SfMultiColumnDropDownControl](Selection_images/Selection_img4.png) +![Loading custom control in dropdown](Selection_images/Selection_img4.png) You can refer `Search with TextBox in DropDown` section in this [sample](https://github.com/syncfusion/wpf-demos/tree/master/dropdown/Multi%20Column%20Dropdown). @@ -211,7 +211,7 @@ N> You can load custom control in drop-down only when SelectionMode is Multiple. ## Events -You can handle the selection operations in SfMultiColumnDropDownControl by using [SelectionChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectionChanged) event. +You can handle the selection operations in MultiColumn Dropdown by using [SelectionChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfMultiColumnDropDownControl.html#Syncfusion_UI_Xaml_Grid_SfMultiColumnDropDownControl_SelectionChanged) event. ### SelectionChanged diff --git a/wpf/Multi-Column-DropDown/Styles-and-Templates.md b/wpf/Multi-Column-DropDown/Styles-and-Templates.md index cafd9639b..79fb086b1 100644 --- a/wpf/Multi-Column-DropDown/Styles-and-Templates.md +++ b/wpf/Multi-Column-DropDown/Styles-and-Templates.md @@ -11,11 +11,11 @@ documentation: ug WPF styles and templates refer to a suite of features (styles and templates) that allows you to create visually compelling effects and to create consistent appearance for the products. -This section elaborates the information to understand the possible ways, by which you can change the visual appearance of the SfMultiColumnDropDownControl. In addition, you can edit the structure of SfMultiColumnDropDownControl by using Blend and VisualStudio that enables you to customize the appearance. +This section elaborates the information to understand the possible ways, by which you can change the visual appearance of the WPF MultiColumn Dropdown. In addition, you can edit its structure by using Blend and VisualStudio that enables you to customize the appearance. ## Edit Appearance in Expression Blend -This section explains you how to edit the SfMultiColumnDropDownControl structure in Expression Blend. To edit the Control Template in Expression Blend, refer to the following steps. +This section explains you how to edit the MultiColumn Dropdown structure in Expression Blend. To edit the Control Template in Expression Blend, refer to the following steps. 1. Open your application in Expression Blend. 2. Select the SfMultiColumnDropDownControl from the window @@ -44,15 +44,15 @@ This section explains you how to edit the SfMultiColumnDropDownControl structure The Create style Resources dialog prompts you to enter the name or change the name for your style, as well as to choose the location for the Style. - Now, press ‘Ok’. Expression Blend generates the style of the SfMultiColumnDropDownControl in the Resource section. You can edit the generated code in the XAML view. +Now, press ‘Ok’. Expression Blend generates the style of the MultiColumn Dropdown in the Resource section. You can edit the generated code in the XAML view. -2. Create Empty- create an empty style for the SfMultiColumnDropDownControl. When you select this option, the same Create style Resources dialog opens. You should enter the name or change the name of style and choose the location for the Style. +2. Create Empty- create an empty style for the MultiColumn Dropdown. When you select this option, the same Create style Resources dialog opens. You should enter the name or change the name of style and choose the location for the Style. - Now, press ‘Ok’. Expression Blend generates the empty style of the SfMultiColumnDropDownControl in the Resource section. You can edit the generated code in the XAML view. + Now, press ‘Ok’. Expression Blend generates the empty style of the MultiColumn Dropdown in the Resource section. You can edit the generated code in the XAML view. ## Edit Appearance in VisualStudio -This section explain you how to edit a SfMultiColumnDropDownControl style in Visual Studio Design View. To Edit the control style in Visual Studio, refer to the following steps, +This section explain you how to edit a MultiColumn Dropdown style in Visual Studio Design View. To Edit the control style in Visual Studio, refer to the following steps, 1. Open your application in Visual Studio. 2. Open Design view > Select SfMultiColumnDropDownControl >Right Click on SfMultiColumnDropDownControl, Menu options is displayed. @@ -73,8 +73,8 @@ This section explain you how to edit a SfMultiColumnDropDownControl style in Vis The Create ControlTemplate Resources dialog prompts you to enter the name or change the name for your style, as well as to choose the location for the style. - Now press ‘Ok’. Visual Studio generates the style of SfMultiColumnDropDownControl in the Resource section. You can edit the generated code in the XAML view. +Now press ‘Ok’. Visual Studio generates the style of MultiColumn Dropdown in the Resource section. You can edit the generated code in the XAML view. -2. Create Empty- Create an empty style for the SfMultiColumnDropDownControl. When you select this option, the same Create ControlTemplate Resources dialog opens. Enter the name or change the name of style and choose the location for the style. - Now press ‘Ok’. Visual Studio generates the empty style of SfMultiColumnDropDownControl in the Resource section. You can edit the generated code in the XAML view. +2. Create Empty- Create an empty style for the MultiColumn Dropdown. When you select this option, the same Create ControlTemplate Resources dialog opens. Enter the name or change the name of style and choose the location for the style. +Now press ‘Ok’. Visual Studio generates the empty style of MultiColumn Dropdown in the Resource section. You can edit the generated code in the XAML view. diff --git a/wpf/Multi-Column-DropDown/UIAutomation.md b/wpf/Multi-Column-DropDown/UIAutomation.md index 68740465e..3ce5a247c 100644 --- a/wpf/Multi-Column-DropDown/UIAutomation.md +++ b/wpf/Multi-Column-DropDown/UIAutomation.md @@ -7,15 +7,15 @@ control: MultiColumn Dropdown documentation: ug --- -# UIAutomation in WPF MultiColumn Dropdown +# UIAutomation in WPF MultiColumn Dropdown -SfMultiColumnDropDownControl supports the following UIAutomations, +WPF MultiColumn Dropdown supports the following UIAutomations, ## Coded UI -SfMultiColumnDropDownControl supports CodedUITest automation that enables you to create an automation test with SfMultiColumnDropDownControl elements and record the sequence of actions. +WPF MultiColumn Dropdown supports CodedUITest automation that enables you to create an automation test with its elements and record the sequence of actions. -There are three level of support in CodedUITest for SfMultiColumnDropDownControl. +There are three level of support in CodedUITest for MultiColumn Dropdown. @@ -36,13 +36,13 @@ Provide custom properties for UI elements when you drag the Cross hair to any UI Level – 3
Coded UI Test Builder generates code from recorded session and custom class is implemented to access custom properties, so the generated code is simplified.
-The following screenshot illustrates the SfMultiColumnDropDownControl properties, when you drag the crosshair to the SfMultiColumnDropDown control. +The following screenshot illustrates the MultiColumn Dropdown properties, when you drag the crosshair to the control. ![WPF Multi Column Dropdown Coded UI](Features_images/Features_img12.png) -Following are the properties for SfMultiColumnDropDownControl. +Following are the properties for MultiColumn Dropdown. ### Property Table @@ -60,15 +60,13 @@ SfMultiColumnDropDownControl ### Quick Test Professional -SfMultiColumnDropDownControl supports for QTP test. You can record the actions performed in the control, by mentioning the corresponding method name with Syncfusion® namespace. To know more about QTP test refer to the [link](http://help.syncfusion.com/wpf/sfdatagrid/ui-automation#quick-test-professional-qtp). +MultiColumn Dropdown supports for QTP test. You can record the actions performed in the control, by mentioning the corresponding method name with Syncfusion® namespace. To know more about QTP test refer to the [link](http://help.syncfusion.com/wpf/sfdatagrid/ui-automation#quick-test-professional-qtp). -The following screenshot illustrates the QTP Test for SfMultiColumnDropDownControl. +The following screenshot illustrates the QTP Test for MultiColumn Dropdown. ![WPF Multi Column Dropdown Quick Test Professional](Features_images/Features_img13.png) - - -Following are methods for SfMultiColumnDropDownControl. +Following are methods for MultiColumn DropDown. ### Methods Table