diff --git a/wpf/DataGrid/Getting-Started.md b/wpf/DataGrid/Getting-Started.md index 2dc34f5cf4..dce510f24b 100644 --- a/wpf/DataGrid/Getting-Started.md +++ b/wpf/DataGrid/Getting-Started.md @@ -114,7 +114,7 @@ Create new WPF Project in Visual Studio to display SfDataGrid with data objects. ### Adding control via Designer SfDataGrid control 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. - ![Dragging WPF DataGrid Control from Toolbox to Designer](Getting-Started_images/wpf-datagrid-toolbox.png) + ![Dragging WPF DataGrid Control from Toolbox to Designer](getting-started_images/wpf-datagrid-toolbox.png) ### Adding control manually in XAML @@ -314,7 +314,7 @@ dataGrid.ItemsSource = viewModel.Orders; Now, run the application and you can expect the see the below output, -![WPF DataGrid](Getting-Started_images/WPF-DataGrid.png) +![WPF DataGrid](getting-started_images/wpf-datagrid-output.png) ## Defining Columns By default, the SfDataGrid control generates the columns automatically when value assigned to [SfDataGrid.ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_ItemsSource) property. The type of the column generated depends on the type of data in the column and the attribute of the property the column bound with. @@ -555,7 +555,7 @@ By default, you can sort columns in a SfDataGrid by clicking the column header. {% endhighlight %} {% endtabs %} -![WPF DataGrid Sorting](Getting-Started_images/WPF-DataGrid-Sorting.png) +![WPF DataGrid Sorting](getting-started_images/wpf-datagrid-sorting.png) You can customize sorting by handling the [SfDataGrid.SortColumnsChanging](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html) and [SfDataGrid.SortColumnsChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html) events. To cancel the default sort, set the `Cancel` property to `true` in `SfDataGrid.SortColumnsChanging` event. @@ -587,13 +587,13 @@ Grouping can be enabled by setting [SfDataGrid.ShowGroupDropArea](https://help.s {% endhighlight %} {% endtabs %} -![WPF DataGrid Grouping](Getting-Started_images/WPF-DataGrid-Grouping.png) +![WPF DataGrid Grouping](getting-started_images/wpf-datagrid-grouping.png) ### Filtering Filtering can be enabled by setting [SfDataGrid.AllowFiltering](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_AllowFiltering) property to `true` , where you can open advanced filter UI by clicking the Filter icon in column header and filter the SfDataGrid. You can customize the filtering operations by handling [SfDataGrid.FilterChanging](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html) and [SfDataGrid.FilterChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html) events. -![WPF DataGrid Filtering](Getting-Started_images/wpf-datagrid-filter.png) +![WPF DataGrid Filtering](getting-started_images/wpf-datagrid-filter.png) ## Editing @@ -612,4 +612,4 @@ SfDataGrid supports various built-in themes. Refer to the below links to apply t * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Applying Theme to WPF DataGrid](Getting-Started_images/wpf-datagrid-theme.png) + ![Applying Theme to WPF DataGrid](getting-started_images/wpf-datagrid-theme.png) diff --git a/wpf/DataGrid/Paging.md b/wpf/DataGrid/Paging.md index 48ff99ce44..60e24cca5a 100644 --- a/wpf/DataGrid/Paging.md +++ b/wpf/DataGrid/Paging.md @@ -123,7 +123,7 @@ public class OrderInfo {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -![WPF DataGrid diplays Multiple Pages using SfDataPager](Paging_images/wpf-datagrid-multiple-page.png) +![WPF DataGrid diplays Multiple Pages using SfDataPager](paging_images/wpf-datagrid-multiple-page.png) #### Limitations @@ -402,7 +402,7 @@ private void FilterBtn_Click(object sender, RoutedEventArgs e) Here, records are filtered based on the textbox text in clicking event of Filter button. Initially `PageCount` is 5 and it is changed as 3 once the records are filtered. -![WPF DataGrid displays Altering Page Count for DataPager while Filtering](Paging_images/wpf-datagrid-change-page-count.png) +![WPF DataGrid displays Altering Page Count for DataPager while Filtering](paging_images/wpf-datagrid-datapager.png) You can refer the [sample](http://www.syncfusion.com/downloads/support/directtrac/133329/ze/DataPager398566735) from here. @@ -485,7 +485,7 @@ private void dataPager_OnDemandLoading(object sender, Syncfusion.UI.Xaml.Control {% endtabs %} -![WPF DataGrid displys Sorting with loaded DataPager](Paging_images/wpf-datagrid-sorting.png) +![WPF DataGrid displys Sorting with loaded DataPager](paging_images/wpf-datagrid-sorting.png) ### Loading ItemsSource for page using async and await diff --git a/wpf/DataGrid/Printing.md b/wpf/DataGrid/Printing.md index 8f86251685..2705dab181 100644 --- a/wpf/DataGrid/Printing.md +++ b/wpf/DataGrid/Printing.md @@ -27,7 +27,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![Printing in WPF DataGrid](Printing_images/wpf-datagrid-printing.png) +![Printing in WPF DataGrid](printing_images/wpf-datagrid-printing.png) ## Print Settings @@ -45,11 +45,11 @@ dataGrid.Print(); Print preview window has Print and Quick Print Buttons which needs to be clicked to print the SfDataGrid. -![WPF DataGrid displays Print and Quick Print Buttons in Print Preview Window](Printing_images/wpf-datagrid-printing-buttons.png) +![WPF DataGrid displays Print and Quick Print Buttons in Print Preview Window](printing_images/wpf-datagrid-buttons.png) 1. Clicking the Print button opens the System print dialog where user can select the printer and set the number of copies to be printed. - ![WPF DataGrid displays System Print Dialog for Printing](Printing_images/wpf-datagrid-system-print-dialog.png) + ![WPF DataGrid displays System Print Dialog for Printing](printing_images/wpf-datagrid-system-print-dialog.png) 2. Clicking the Quick Print button, directly print the pages using default printer without opening the print dialog. @@ -67,7 +67,7 @@ dataGrid.ShowPrintPreview(); Scaling options can be changed in print preview at runtime by selecting from scaling options drop-down in print preview. -![WPF DataGrid displays Print Scaling Options](Printing_images/wpf-datagrid-print-scaling-option.png) +![WPF DataGrid displays Print Scaling Options](printing_images/wpf-datagrid-print-scaling-option.png) ### Column Header on each page @@ -103,7 +103,7 @@ this.sfDataGrid.PrintSettings.CanPrintStackedHeaders = true; {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Printing with Stacked Headers](Printing_images/wpf-datagrid-printing-with-stacked-headers.png) +![WPF DataGrid displays Printing with Stacked Headers](printing_images/wpf-datagrid-stacked-headers.png) ## Page Settings @@ -123,7 +123,7 @@ dataGrid.ShowPrintPreview(); Print orientation can be changed in print preview at runtime by selecting from orientation drop-down in print preview. -![WPF DataGrid displays Page Orientation Options in Print Preview](Printing_images/wpf-datagrid-print-page-orientation.png) +![WPF DataGrid displays Page Orientation Options in Print Preview](printing_images/wpf-datagrid-print-page-orientation.png) ### Page size @@ -140,7 +140,7 @@ dataGrid.Print(); Page size can be changed in print preview also by selecting from page-size drop-down which displays pre-defined page sizes. You can also manually enter custom page width and height in the editors below page-size drop-down and press OK to apply the custom width and height for the page. -![WPF DataGrid displays Page Size Options in Print Preview](Printing_images/wpf-datagrid-page-size-option.png) +![WPF DataGrid displays Page Size Options in Print Preview](printing_images/wpf-datagrid-page-size-option.png) ### Page margin @@ -156,7 +156,7 @@ dataGrid.Print(); Page margin can be changed in print preview also by selecting from pre-defined page margin from margin drop-down. You can manually enter custom margins in the editors below margin drop-down and press OK to apply the custom margin. -![WPF DataGrid displays Page Margin Options in Print Preview](Printing_images/wpf-datagrid-page-margin-option.png) +![WPF DataGrid displays Page Margin Options in Print Preview](printing_images/wpf-datagrid-page-margin-option.png) ## Setting Header and Footer @@ -201,7 +201,7 @@ dataGrid.ShowPrintPreview(); 3. Now run the application and you can see page header in all the pages. In the same way, you can set [PrintSettings.PrintPageFooterTemplate](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintSettings.html#Syncfusion_UI_Xaml_Grid_PrintSettings_PrintPageFooterTemplate) also. -![Customizing Header Height in Print Preview for WPF DataGrid](Printing_images/wpf-datagrid-height-customization.png) +![Customizing Header Height in Print Preview for WPF DataGrid](printing_images/wpf-datagrid-height-customization.png) N> [PrintManagerBase](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintManagerBase.html) is the `DataContext` for [PrintPageControl](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintPageControl.html), where the header and footer templates are loaded. @@ -246,7 +246,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Current DateTime in Printing](Printing_images/wpf-datagrid-datetime-in-printing.png) +![WPF DataGrid displays Current DateTime in Printing](printing_images/wpf-datagrid-datetime.png) ## Different modes of printing for better performance @@ -285,7 +285,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![Customizing Style in Printing of WPF DataGrid](Printing_images/wpf-datagrid-printing-with-style.png) +![Customizing Style in Printing of WPF DataGrid](printing_images/wpf-datagrid-style.png) #### Applying custom style @@ -374,7 +374,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![WPF DataGrid with Custom Style while Printing](Printing_images/wpf-datagrid-custom-style-in-printing.png) +![WPF DataGrid with Custom Style while Printing](printing_images/wpf-datagrid-custom-style.png) ## Printing Customization @@ -417,7 +417,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![Customizing Row Height while Printing in WPF DataGrid](Printing_images/wpf-datagrid-row-height-customization.png) +![Customizing Row Height while Printing in WPF DataGrid](printing_images/wpf-datagrid-row-height-customization.png) ### Hiding rows while printing @@ -488,7 +488,7 @@ dataGrid.ShowPrintPreview(); Here, `CustomerName` column is displayed in grid. But it is excluded while printing. -![WPF DataGrid Printing with Hidden Column](Printing_images/wpf-datagrid-hidden-column.png) +![WPF DataGrid Printing with Hidden Column](printing_images/wpf-datagrid-hidden-column.png) ### Customize the header text while printing @@ -526,7 +526,7 @@ dataGrid.ShowPrintPreview(); Here, OrderID column Header text is changed as `Order ID` while printing. -![Customizing Column Header Text while Printing in WPF DataGrid](Printing_images/wpf-datagrid-header-text-customization.png) +![Customizing Column Header Text while Printing in WPF DataGrid](printing_images/wpf-datagrid-header-text-customization.png) ### Styling Rows when AllowPrintByDrawing enabled @@ -572,7 +572,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![Customizing Row Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-row-style-customization.png) +![Customizing Row Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-row-style-customization.png) ### Styling Rows when AllowPrintByDrawing disabled @@ -616,7 +616,7 @@ dataGrid.ShowPrintPreview(); {% endtabs %} -![Customizing Row Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-printing-with-row-style.png) +![Customizing Row Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-row-style.png) @@ -715,7 +715,7 @@ dataGrid.ShowPrintPreview(); {% endtabs %} -![Changing Alternate Row Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-alternate-row-style.png) +![Changing Alternate Row Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-alternate-row-style.png) ### Setup alternate row style when AllowPrintByDrawing disabled @@ -754,7 +754,7 @@ dataGrid.ShowPrintPreview(); {% endtabs %} -![Changing Alternate Row Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-with-alternate-row-style.png) +![Changing Alternate Row Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-with-alternate-row-style.png) ### Styling Columns when AllowPrintByDrawing enabled @@ -803,7 +803,7 @@ dataGrid.ShowPrintPreview(); {% endhighlight %} {% endtabs %} -![Changing Column Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-printing-with-column-style.png) +![Changing Column Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-column-style.png) Here, OrderID column Font Style and Background are changed. @@ -843,7 +843,7 @@ dataGrid.ShowPrintPreview(); {% endtabs %} -![Changing Column Style while Printing in WPF DataGrid](Printing_images/wpf-datagrid-column-style.png) +![Changing Column Style while Printing in WPF DataGrid](printing_images/wpf-datagrid-column-style.png) N> [GetColumnWidth](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintManagerBase.html#Syncfusion_UI_Xaml_Grid_PrintManagerBase_GetColumnWidth_System_String_) , [GetColumnTextWrapping](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintManagerBase.html#Syncfusion_UI_Xaml_Grid_PrintManagerBase_GetColumnTextWrapping_System_String_), [GetColumnTextAlignment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintManagerBase.html#Syncfusion_UI_Xaml_Grid_PrintManagerBase_GetColumnTextAlignment_System_String_) and [GetColumnPadding](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.PrintManagerBase.html#Syncfusion_UI_Xaml_Grid_PrintManagerBase_GetColumnPadding_System_String_) methods are also used for column customization while printing. @@ -898,7 +898,7 @@ dataGrid.ShowPrintPreview(); {% endtabs %} -![Printing Selected Rows in WPF DataGrid](Printing_images/wpf-datagrid-print-selected-rows.png) +![Printing Selected Rows in WPF DataGrid](printing_images/wpf-datagrid-print-selected-rows.png) ## Creating custom PrintPreview window @@ -969,6 +969,6 @@ this.PrintPreviewArea.PrintManagerBase.Print(); {% endcapture %} {{ codesnippet5 | OrderList_Indent_Level_1 }} -![Custom Print Preview Window in WPF DataGrid](Printing_images/wpf-datagrid-custom-print-preview-window.png) +![Custom Print Preview Window in WPF DataGrid](printing_images/wpf-datagrid-custom-print-preview-window.png) You can get the sample for custom print preview [here](https://www.syncfusion.com/downloads/support/directtrac/general/CUSTOM~1272396097.ZIP). diff --git a/wpf/DataGrid/Row-Height-Customization.md b/wpf/DataGrid/Row-Height-Customization.md index 179ec87182..c35b0aac49 100644 --- a/wpf/DataGrid/Row-Height-Customization.md +++ b/wpf/DataGrid/Row-Height-Customization.md @@ -63,7 +63,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) {% endhighlight %} {% endtabs %} -![Customizing Particular Row Height in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-row-height-customization.png) +![Customizing Particular Row Height in WPF DataGrid](row-height-customization_images/wpf-datagrid-customizing-row-height.png) ## QueryRowHeight event @@ -95,7 +95,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) {% endhighlight %} {% endtabs %} -![Changing Specific Row Height in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-change-row-height.png) +![Changing Specific Row Height in WPF DataGrid](row-height-customization_images/wpf-datagrid-change-row-height.png) ### Limitations @@ -149,7 +149,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) Here, row heights are customized based on the large text content. -![AutoFit RowHeight in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-auto-fit-row-height.png) +![AutoFit RowHeight in WPF DataGrid](row-height-customization_images/wpf-datagrid-auto-fit-row-height.png) #### GridRowSizingOptions @@ -197,7 +197,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) Here `CustomerID` and `Country` columns are excluded from height calculation and the row height is calculated based on `CustomerName` column only. -![AutoFit RowHeight for Specific Columns in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-autofit-height-based-on-column.png) +![AutoFit RowHeight for Specific Columns in WPF DataGrid](row-height-customization_images/wpf-datagrid-autofit-height-based-on-column.png) ## Reset Row Height at runtime @@ -326,7 +326,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) {% endhighlight %} {% endtabs %} -![AutoFit Header RowHeight based on Content in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-header-row-height.png) +![AutoFit Header RowHeight based on Content in WPF DataGrid](row-height-customization_images/wpf-datagrid-header-row-height.png) ## Change StackedHeaderRow Height based on its content @@ -384,7 +384,7 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) {% endhighlight %} {% endtabs %} -![AutoFit Stacked HeaderRow Height based on Content in wpf datagrid](Row-Height-Customization_images/wpf-datagrid-stacked-header-row-height.png) +![AutoFit Stacked HeaderRow Height based on Content in wpf datagrid](row-height-customization_images/wpf-datagrid-stacked-header-row-height.png) ## Change TableSummaryRow Height @@ -408,5 +408,5 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e) {% endhighlight %} {% endtabs %} -![Customizing TableSummaryRow Height in WPF DataGrid](Row-Height-Customization_images/wpf-datagrid-table-summary-row-height.png) +![Customizing TableSummaryRow Height in WPF DataGrid](row-height-customization_images/wpf-datagrid-table-summary-row-height.png) diff --git a/wpf/DataGrid/Styles-and-Templates.md b/wpf/DataGrid/Styles-and-Templates.md index 3051742c52..5444eba41f 100644 --- a/wpf/DataGrid/Styles-and-Templates.md +++ b/wpf/DataGrid/Styles-and-Templates.md @@ -13,12 +13,12 @@ The appearance of [WPF DataGrid](https://www.syncfusion.com/wpf-controls/datagri ## Control Structure of SfDataGrid -![Structure of WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-structure.png) +![Control structure of WPF DataGrid](styles-and-templates_images/wpf-datagrid-structure.png) ## Customizing Default Containers WPF DataGrid (SfDataGrid) arranges the cell and row content using cell and row containers. Below screenshot shows the `VisualTree` of SfDataGrid where `HeaderCell` is loaded into the `HeaderCellControl` and data cells are loaded into the [VirtualizingCellsControl](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.VirtualizingCellsControl.html) container. `VirtualizingCellsControl` container uses [GridCell](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridCell.html) to load the cell content. -![Tree Structure of WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-tree-structure.png) +![Tree Structure of WPF DataGrid](styles-and-templates_images/wpf-datagrid-tree-structure.png) [RowGenerator](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.RowGenerator.html) class processes the creation and re-using of containers for SfDataGrid. You create your own containers by overriding `RowGenerator` class and setting it to [SfDataGrid.RowGenerator](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_RowGenerator). Using this method to customize the row and cell containers allows for customizations that aren’t possible through styling and conditional styling. @@ -182,7 +182,7 @@ public class CustomRowGenerator : RowGenerator {% endtabs %} You can download a working demo for the above customization from [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/wpf-953049514). -![WPF DataGrid with Animation Row](Styles-and-Templates_images/wpf-datagrid-animation-row.png) +![WPF DataGrid with Animation Row](styles-and-templates_images/wpf-datagrid-animation-row.png) The below code example shows how to change the background color of the `VirtualizingCellsControl` when the value has been changed for a particular cell. This can be done by hooking the `DataContextChanged` and `PropertyChanged` event. {% tabs %} @@ -349,7 +349,7 @@ You can download a working demo for the above customization from [here](https:// You can edit the SfDataGrid style in Visual Studio Designer by right clicking it in design View and click **Edit Template**. -![WPF DataGrid displays Editing Style in Visual Studio Designer](Styles-and-Templates_images/wpf-datagrid-editing-style.png) +![WPF DataGrid displays Editing Style in Visual Studio Designer](styles-and-templates_images/wpf-datagrid-editing-style.png) By clicking **Edit a Copy**, it will generate default template of SfDataGrid in **XAML view** and you can edit the default style. @@ -357,7 +357,7 @@ By clicking **Edit a Copy**, it will generate default template of SfDataGrid in You can edit the SfDataGrid elements style in Visual Studio Designer by right clicking it in designer view and click **Edit Additional Templates**. -![WPF DataGrid displays Editing Elements in Visual Studio Designer](Styles-and-Templates_images/wpf-datagrid-edit-templates.png) +![WPF DataGrid displays Editing Elements in Visual Studio Designer](styles-and-templates_images/wpf-datagrid-edit-templates.png) You can edit or create new style for the following SfDataGrid elements through **Edit Additional Templates** option, @@ -418,7 +418,7 @@ You can also set the `CellStyle` to particular column in below way. N> `GridColumn.CellStyle` takes higher priority than `SfDataGrid.CellStyle` property. -![Customizing Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-cell-style-customization.png) +![Customizing Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-cell-style-customization.png) ### Changing Grid line border as dotted line @@ -454,7 +454,7 @@ You can change the gridline border as dotted line by customizing [GridCell.Borde {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Dotted Line Border for Each Cell](Styles-and-Templates_images/wpf-datagrid-dotted-line-border.png) +![WPF DataGrid displays Dotted Line Border for Each Cell](styles-and-templates_images/wpf-datagrid-dotted-line-border.png) ### Changing Grid line color @@ -487,7 +487,7 @@ The record rows can be customized by writing style of TargetType [VirtualizingCe {% endhighlight %} {% endtabs %} -![Customizing Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-row-style-customization.png) +![Customizing Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-row-style-customization.png) ## Alternating Row Style @@ -513,7 +513,7 @@ You can style the alternate rows by setting [SfDataGrid.AlternatingRowStyle](htt {% endhighlight %} {% endtabs %} -![Customizing Alternate Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-alternate-row-style.png) +![Customizing Alternate Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-alternate-row-style.png) ## Selection @@ -528,7 +528,7 @@ The foreground and background for the selected row, cell can be customized by se {% endhighlight %} {% endtabs %} -![Customizing Selection Appearance for WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-selection-customization.png) +![Customizing Selection Appearance for WPF DataGrid](styles-and-templates_images/wpf-datagrid-selection-customization.png) ## Styling Column Header @@ -554,7 +554,7 @@ N> `GridColumn.HeaderStyle` takes higher priority than `SfDataGrid.HeaderStyle` {% endhighlight %} {% endtabs %} -![Customizing Header Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-header-cell-customization.png) +![Customizing Header Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-header-cell-customization.png) ### Styling DetailsViewDataGrid header @@ -618,7 +618,7 @@ The appearance of stacked header can be customized by writing style of TargetTyp {% endhighlight %} {% endtabs %} -![Customizing StackedHeader Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-stacked-header-cell-style.png) +![Customizing StackedHeader Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-stacked-header-cell-style.png) ### Setting different styles to StackedHeader @@ -670,7 +670,7 @@ public class GridCustomStackedRenderer : GridStackedHeaderCellRenderer {% endhighlight %} {% endtabs %} -![Applying Different style for each StackedHeader Cell in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-different-header-style.png) +![Applying Different style for each StackedHeader Cell in WPF DataGrid](styles-and-templates_images/wpf-datagrid-different-header-style.png) ## Setting Default Style for one column @@ -698,7 +698,7 @@ this.dataGrid.Columns["OrderID"].CellStyle = null; {% endhighlight %} {% endtabs %} -![WPF DataGrid Column with default Cell Style](Styles-and-Templates_images/wpf-datagrid-cell-style.png) +![WPF DataGrid Column with default Cell Style](styles-and-templates_images/wpf-datagrid-cell-style.png) ## Styling CaptionSummary @@ -724,7 +724,7 @@ The caption summary cells can be customized by writing style of TargetType [Grid {% endhighlight %} {% endtabs %} -![Customizing CaptionSummary Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-caption-summary-cell-style.png) +![Customizing CaptionSummary Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-caption-summary-cell-style.png) ### Styling CaptionSummary rows @@ -748,7 +748,7 @@ The caption summary rows can be customized by writing style of TargetType [GridC {% endhighlight %} {% endtabs %} -![Customizing CaptionSummary Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-caption-summary-row-style.png) +![Customizing CaptionSummary Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-caption-summary-row-style.png) ## Styling GroupSummary @@ -774,7 +774,7 @@ The group summary cells can be customized by writing style of TargetType [GridGr {% endhighlight %} {% endtabs %} -![Customizing GroupSummary Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-group-summary-cell-style.png) +![Customizing GroupSummary Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-group-summary-cell-style.png) ### Styling GroupSummary rows @@ -795,7 +795,7 @@ The group summary rows can be customized by writing style of TargetType [GridGro {% endhighlight %} {% endtabs %} -![Customizing GroupSummary Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-group-summary-row-style.png) +![Customizing GroupSummary Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-group-summary-row-style.png) ## Styling TableSummary @@ -819,7 +819,7 @@ The table summary cells can be customized by writing style of TargetType [GridTa {% endhighlight %} {% endtabs %} -![Customizing TableSummary Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-table-summary-cell-style.png) +![Customizing TableSummary Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-table-summary-cell-style.png) ### Styling TableSummary rows @@ -839,7 +839,7 @@ The table summary rows can be customized by writing style of TargetType [GridTab {% endhighlight %} {% endtabs %} -![Customizing TableSummary Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-table-summary-row-style.png) +![Customizing TableSummary Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-table-summary-row-style.png) ## Styling UnboundRows @@ -859,7 +859,7 @@ The unbound row cells can be customized by writing style of TargetType [GridUnBo {% endhighlight %} {% endtabs %} -![Customizing Unbound Row Cell Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-unbound-cell-style.png) +![Customizing Unbound Row Cell Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-unbound-cell-style.png) ### Styling unbound row @@ -877,7 +877,7 @@ The unbound rows can be customized by writing style of TargetType [UnBoundRowCon {% endhighlight %} {% endtabs %} -![Customizing Unbound Row Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-unbound-row-style.png) +![Customizing Unbound Row Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-unbound-row-style.png) ## Styling AddNewRow @@ -898,7 +898,7 @@ The appearance of AddNewRow can customized by writing style of TargetType [AddNe {% endhighlight %} {% endtabs %} -![Customizing AddNewRow Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-add-new-row-style.png) +![Customizing AddNewRow Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-add-new-row-style.png) ## Styling RowHeader @@ -915,7 +915,7 @@ The appearance of header row can be customized by writing style of TargetType [H {% endhighlight %} {% endtabs %} -![Customizing RowHeader Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-row-header-style.png) +![Customizing RowHeader Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-row-header-style.png) ### Displaying row index in row header cell @@ -951,7 +951,7 @@ You can also display the row index value in the row header cell by customizing i {% endhighlight %} {% endtabs %} -![Customizing Row Index of RowHeader Cell in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-header-row-index.png) +![Customizing Row Index of RowHeader Cell in WPF DataGrid](styles-and-templates_images/wpf-datagrid-header-row-index.png) ## Template Selectors @@ -1004,7 +1004,7 @@ public class GridCellTemplateSelector : DataTemplateSelector {% endhighlight %} {% endtabs %} -![WPF DataGrid with Custom Cell Style based on Data](Styles-and-Templates_images/wpf-datagrid-custom-cell-style.png) +![WPF DataGrid with Custom Cell Style based on Data](styles-and-templates_images/wpf-datagrid-custom-cell-style.png) ### Changing HeaderTemplates @@ -1030,7 +1030,7 @@ You can customize the appearance of particular SfDataGrid column header by setti {% endhighlight %} {% endtabs %} -![Customizing Specific Column Header Cell in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-specific-column-header-cell.png) +![Customizing Specific Column Header Cell in WPF DataGrid](styles-and-templates_images/wpf-datagrid-specific-column-header-cell.png) ### Loading different editor elements in a same column @@ -1105,7 +1105,7 @@ The appearance of [DetailsViewDataGrid](https://help.syncfusion.com/cr/wpf/Syncf {% endhighlight %} {% endtabs %} -![Customizing Cell Style of WPF DetailsView DataGrid](Styles-and-Templates_images/wpf-detailsview-datagrid-cell-style.png) +![Customizing Cell Style of WPF DetailsView DataGrid](styles-and-templates_images/wpf-detailsview-datagrid-cell-style.png) ## Styling Filter popup @@ -1352,7 +1352,7 @@ Here, height and color of the indicator is customized in the below code example. And also, you can change the appearance of Descending sort indicator by customizing second path present in PART_SortButtonPresenter. For example, in the below code example height and color of the indicator is changed. -![Customizing Ascending Sort Icon in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-ascending-sort-icon.png) +![Customizing Ascending Sort Icon in WPF DataGrid](styles-and-templates_images/wpf-datagrid-ascending-sort-icon.png) ### Customizing Descending Sort Indicator @@ -1383,7 +1383,7 @@ And also, you can change the appearance of Descending sort indicator by customiz {% endhighlight %} {% endtabs %} -![Customizing Descending Sort Icon in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-descending-sort-icon.png) +![Customizing Descending Sort Icon in WPF DataGrid](styles-and-templates_images/wpf-datagrid-descending-sort-icon.png) ## Styling GroupDropArea @@ -1406,7 +1406,7 @@ The appearance of [GroupDropArea](https://help.syncfusion.com/cr/wpf/Syncfusion. {% endhighlight %} {% endtabs %} -![Customizing GroupDropArea Style in WPF DataGrid](Styles-and-Templates_images/wpf-datagrid-group-drop-area-style.png) +![Customizing GroupDropArea Style in WPF DataGrid](styles-and-templates_images/wpf-datagrid-group-drop-area-style.png) ## Showing busy indicator before loading records @@ -1435,4 +1435,4 @@ void sfDataGrid_ItemsSourceChanged(object sender, GridItemsSourceChangedEventArg {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Busy Indicator before Loading Data](Styles-and-Templates_images/wpf-datagrid-busy-indicator.png) +![WPF DataGrid displays Busy Indicator before Loading Data](styles-and-templates_images/wpf-datagrid-busy-indicator.png) diff --git a/wpf/DataPager/Getting-Started.md b/wpf/DataPager/Getting-Started.md index 1350cad8ab..92e5a94b13 100644 --- a/wpf/DataPager/Getting-Started.md +++ b/wpf/DataPager/Getting-Started.md @@ -47,7 +47,7 @@ Covers an editors like CurrencyTextBox, PercentEdit, DateTimeEdit. The following screenshot describes the elements of the DataPager control. -![Displaying DataPager control](Getting-Started_images/Getting-Started_img1.png) +![Displaying WPF DataPager control](getting-started_images/wpf-datapager-control.png) @@ -69,7 +69,7 @@ The following steps help you to use the SfDataPager in an application: - ![Displaying the WPF SfDataPager control in designer](Getting-Started_images/Getting-Started_img2.png) + ![Displaying the WPF SfDataPager control in designer](getting-started_images/wpf-datapager-designer.png) @@ -249,7 +249,7 @@ public class ViewModel The following screenshot displays the output for Implementation of the SfDataPager in the SfDataGrid Control. -![Displaying the SfDataPager in the SfDataGrid Control ](Getting-Started_images/Getting-Started_img3.png) +![Displaying the WPF SfDataPager in the SfDataGrid Control ](getting-started_images/wpf-datapager-datagrid-control.png) ## Theme @@ -259,6 +259,6 @@ SfDataPager supports various built-in themes. Refer to the below links to apply * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Setting theme to WPF DataPager](Getting-Started_images/Theme.png) + ![Setting theme to WPF DataPager](getting-started_images/wpf-datapager-Theme.png) diff --git a/wpf/DataPager/Overview.md b/wpf/DataPager/Overview.md index 01189931d2..209a57a955 100644 --- a/wpf/DataPager/Overview.md +++ b/wpf/DataPager/Overview.md @@ -13,7 +13,7 @@ The SfDataPager control provides a configurable user interface for paging usin The following screenshot displays the basic concept of paging. -![DataPager - Overview](Overview_images/Overview_img1.png) +![WPF DataPager Overview](overview_images/wpf-datapager-screenshot.png) diff --git a/wpf/DatePicker/Appearance-and-Styling.md b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling.md similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling.md rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling.md diff --git a/wpf/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img1.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img1.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img1.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img1.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img2.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img2.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img2.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/Appearance-and-Styling_img2.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-background.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-background.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-background.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-background.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-foreground.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-foreground.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-foreground.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-foreground.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-right-to-left.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-right-to-left.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-right-to-left.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-right-to-left.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-theme.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-theme.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-theme.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-theme.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-template.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-template.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-template.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-template.png diff --git a/wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-text.png b/wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-text.png similarity index 100% rename from wpf/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-text.png rename to wpf/Digital-Gauge/DatePicker/Appearance-and-Styling_images/wpf-datepicker-watermark-text.png diff --git a/wpf/DatePicker/Customizing-DropDown.md b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown.md similarity index 100% rename from wpf/DatePicker/Customizing-DropDown.md rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown.md diff --git a/wpf/DatePicker/Customizing-DropDown_images/Customizing-DropDown_img1.png b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/Customizing-DropDown_img1.png similarity index 100% rename from wpf/DatePicker/Customizing-DropDown_images/Customizing-DropDown_img1.png rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/Customizing-DropDown_img1.png diff --git a/wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-cells-size.png b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-cells-size.png similarity index 100% rename from wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-cells-size.png rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-cells-size.png diff --git a/wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdown-button.png b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdown-button.png similarity index 100% rename from wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdown-button.png rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdown-button.png diff --git a/wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdownheight.png b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdownheight.png similarity index 100% rename from wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdownheight.png rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-dropdownheight.png diff --git a/wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-item-spacing.png b/wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-item-spacing.png similarity index 100% rename from wpf/DatePicker/Customizing-DropDown_images/wpf-datepicker-item-spacing.png rename to wpf/Digital-Gauge/DatePicker/Customizing-DropDown_images/wpf-datepicker-item-spacing.png diff --git a/wpf/DatePicker/Features_images/Features_img10.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img10.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img10.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img10.png diff --git a/wpf/DatePicker/Features_images/Features_img11.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img11.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img11.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img11.png diff --git a/wpf/DatePicker/Features_images/Features_img12.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img12.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img12.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img12.png diff --git a/wpf/DatePicker/Features_images/Features_img15.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img15.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img15.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img15.png diff --git a/wpf/DatePicker/Features_images/Features_img4.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img4.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img4.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img4.png diff --git a/wpf/DatePicker/Features_images/Features_img5.png b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img5.png similarity index 100% rename from wpf/DatePicker/Features_images/Features_img5.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img5.png diff --git a/wpf/DatePicker/Features_images/Features_img6.jpeg b/wpf/Digital-Gauge/DatePicker/Features_images/Features_img6.jpeg similarity index 100% rename from wpf/DatePicker/Features_images/Features_img6.jpeg rename to wpf/Digital-Gauge/DatePicker/Features_images/Features_img6.jpeg diff --git a/wpf/DatePicker/Features_images/Footer_hide.png b/wpf/Digital-Gauge/DatePicker/Features_images/Footer_hide.png similarity index 100% rename from wpf/DatePicker/Features_images/Footer_hide.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Footer_hide.png diff --git a/wpf/DatePicker/Features_images/Footer_show.png b/wpf/Digital-Gauge/DatePicker/Features_images/Footer_show.png similarity index 100% rename from wpf/DatePicker/Features_images/Footer_show.png rename to wpf/Digital-Gauge/DatePicker/Features_images/Footer_show.png diff --git a/wpf/DatePicker/Features_images/SelectorItemWidth.png b/wpf/Digital-Gauge/DatePicker/Features_images/SelectorItemWidth.png similarity index 100% rename from wpf/DatePicker/Features_images/SelectorItemWidth.png rename to wpf/Digital-Gauge/DatePicker/Features_images/SelectorItemWidth.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-date-selector.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-date-selector.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-date-selector.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-date-selector.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-date-setting.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-date-setting.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-date-setting.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-date-setting.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-day-cell-template.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-day-cell-template.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-day-cell-template.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-day-cell-template.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-display-null-value.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-display-null-value.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-display-null-value.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-display-null-value.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-editing.gif b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-editing.gif similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-editing.gif rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-editing.gif diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-formatstring.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-formatstring.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-formatstring.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-formatstring.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-input-scope-for-the-on-screen-keyboard.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-input-scope-for-the-on-screen-keyboard.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-input-scope-for-the-on-screen-keyboard.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-input-scope-for-the-on-screen-keyboard.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-min-max-date-range.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-min-max-date-range.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-min-max-date-range.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-min-max-date-range.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-month-cell-template.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-month-cell-template.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-month-cell-template.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-month-cell-template.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-month-selector.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-month-selector.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-month-selector.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-month-selector.png diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-set-value-on-lost-focus.gif b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-set-value-on-lost-focus.gif similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-set-value-on-lost-focus.gif rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-set-value-on-lost-focus.gif diff --git a/wpf/DatePicker/Features_images/wpf-datepicker-year-cell-template.png b/wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-year-cell-template.png similarity index 100% rename from wpf/DatePicker/Features_images/wpf-datepicker-year-cell-template.png rename to wpf/Digital-Gauge/DatePicker/Features_images/wpf-datepicker-year-cell-template.png diff --git a/wpf/DatePicker/Formatting.md b/wpf/Digital-Gauge/DatePicker/Formatting.md similarity index 100% rename from wpf/DatePicker/Formatting.md rename to wpf/Digital-Gauge/DatePicker/Formatting.md diff --git a/wpf/DatePicker/Getting-Started.md b/wpf/Digital-Gauge/DatePicker/Getting-Started.md similarity index 100% rename from wpf/DatePicker/Getting-Started.md rename to wpf/Digital-Gauge/DatePicker/Getting-Started.md diff --git a/wpf/DatePicker/GettingStarted_images/img1.PNG b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/img1.PNG similarity index 100% rename from wpf/DatePicker/GettingStarted_images/img1.PNG rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/img1.PNG diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-format.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-format.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-format.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-format.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-localization-resource-file.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-localization-resource-file.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-localization-resource-file.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-localization-resource-file.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-localization.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-localization.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-localization.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-localization.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-month-format.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-month-format.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-month-format.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-month-format.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-selection-field-localization.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-selection-field-localization.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-selection-field-localization.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-selection-field-localization.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-date-picker-theme-support.PNG b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-theme-support.PNG similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-date-picker-theme-support.PNG rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-date-picker-theme-support.PNG diff --git a/wpf/DatePicker/GettingStarted_images/wpf-datepicker-added-by-code.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-added-by-code.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-datepicker-added-by-code.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-added-by-code.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-datepicker-added-by-designer.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-added-by-designer.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-datepicker-added-by-designer.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-added-by-designer.png diff --git a/wpf/DatePicker/GettingStarted_images/wpf-datepicker-control.png b/wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-control.png similarity index 100% rename from wpf/DatePicker/GettingStarted_images/wpf-datepicker-control.png rename to wpf/Digital-Gauge/DatePicker/GettingStarted_images/wpf-datepicker-control.png diff --git a/wpf/DatePicker/Localization_images/localization-img1.png b/wpf/Digital-Gauge/DatePicker/Localization_images/localization-img1.png similarity index 100% rename from wpf/DatePicker/Localization_images/localization-img1.png rename to wpf/Digital-Gauge/DatePicker/Localization_images/localization-img1.png diff --git a/wpf/DatePicker/Localization_images/localization-img2.PNG b/wpf/Digital-Gauge/DatePicker/Localization_images/localization-img2.PNG similarity index 100% rename from wpf/DatePicker/Localization_images/localization-img2.PNG rename to wpf/Digital-Gauge/DatePicker/Localization_images/localization-img2.PNG diff --git a/wpf/DatePicker/Localization_images/localization-img3.PNG b/wpf/Digital-Gauge/DatePicker/Localization_images/localization-img3.PNG similarity index 100% rename from wpf/DatePicker/Localization_images/localization-img3.PNG rename to wpf/Digital-Gauge/DatePicker/Localization_images/localization-img3.PNG diff --git a/wpf/DatePicker/Overview.md b/wpf/Digital-Gauge/DatePicker/Overview.md similarity index 100% rename from wpf/DatePicker/Overview.md rename to wpf/Digital-Gauge/DatePicker/Overview.md diff --git a/wpf/DatePicker/Overview_images/wpf-datepicker-expanded-view.png b/wpf/Digital-Gauge/DatePicker/Overview_images/wpf-datepicker-expanded-view.png similarity index 100% rename from wpf/DatePicker/Overview_images/wpf-datepicker-expanded-view.png rename to wpf/Digital-Gauge/DatePicker/Overview_images/wpf-datepicker-expanded-view.png diff --git a/wpf/DatePicker/Overview_images/wpf-datepicker-normal-view.png b/wpf/Digital-Gauge/DatePicker/Overview_images/wpf-datepicker-normal-view.png similarity index 100% rename from wpf/DatePicker/Overview_images/wpf-datepicker-normal-view.png rename to wpf/Digital-Gauge/DatePicker/Overview_images/wpf-datepicker-normal-view.png diff --git a/wpf/DatePicker/Setting-Value.md b/wpf/Digital-Gauge/DatePicker/Setting-Value.md similarity index 100% rename from wpf/DatePicker/Setting-Value.md rename to wpf/Digital-Gauge/DatePicker/Setting-Value.md diff --git a/wpf/DatePicker/SfDateSelector.md b/wpf/Digital-Gauge/DatePicker/SfDateSelector.md similarity index 100% rename from wpf/DatePicker/SfDateSelector.md rename to wpf/Digital-Gauge/DatePicker/SfDateSelector.md diff --git a/wpf/DataGrid/Getting-Started_images/wpf-datagrid-filter.png b/wpf/datagrid/getting-started_images/filter.png similarity index 100% rename from wpf/DataGrid/Getting-Started_images/wpf-datagrid-filter.png rename to wpf/datagrid/getting-started_images/filter.png diff --git a/wpf/DataGrid/Getting-Started_images/WPF-DataGrid-Grouping.png b/wpf/datagrid/getting-started_images/grouping.png similarity index 100% rename from wpf/DataGrid/Getting-Started_images/WPF-DataGrid-Grouping.png rename to wpf/datagrid/getting-started_images/grouping.png diff --git a/wpf/DataGrid/Getting-Started_images/WPF-DataGrid.png b/wpf/datagrid/getting-started_images/output.png similarity index 100% rename from wpf/DataGrid/Getting-Started_images/WPF-DataGrid.png rename to wpf/datagrid/getting-started_images/output.png diff --git a/wpf/DataGrid/Getting-Started_images/WPF-DataGrid-Sorting.png b/wpf/datagrid/getting-started_images/sorting.png similarity index 100% rename from wpf/DataGrid/Getting-Started_images/WPF-DataGrid-Sorting.png rename to wpf/datagrid/getting-started_images/sorting.png diff --git a/wpf/DataGrid/Getting-Started_images/wpf-datagrid-theme.PNG b/wpf/datagrid/getting-started_images/theme.PNG similarity index 100% rename from wpf/DataGrid/Getting-Started_images/wpf-datagrid-theme.PNG rename to wpf/datagrid/getting-started_images/theme.PNG diff --git a/wpf/DataGrid/Getting-Started_images/wpf-datagrid-toolbox.png b/wpf/datagrid/getting-started_images/toolbox.png similarity index 100% rename from wpf/DataGrid/Getting-Started_images/wpf-datagrid-toolbox.png rename to wpf/datagrid/getting-started_images/toolbox.png diff --git a/wpf/DataGrid/Paging_images/wpf-datagrid-change-page-count.png b/wpf/datagrid/paging_images/datapager.png similarity index 100% rename from wpf/DataGrid/Paging_images/wpf-datagrid-change-page-count.png rename to wpf/datagrid/paging_images/datapager.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-style.png b/wpf/datagrid/printing_images/-style.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-style.png rename to wpf/datagrid/printing_images/-style.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-printing-buttons.png b/wpf/datagrid/printing_images/buttons.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-printing-buttons.png rename to wpf/datagrid/printing_images/buttons.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-column-style.png b/wpf/datagrid/printing_images/column-style.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-column-style.png rename to wpf/datagrid/printing_images/column-style.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-custom-style-in-printing.png b/wpf/datagrid/printing_images/custom-style.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-custom-style-in-printing.png rename to wpf/datagrid/printing_images/custom-style.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-datetime-in-printing.png b/wpf/datagrid/printing_images/datetime.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-datetime-in-printing.png rename to wpf/datagrid/printing_images/datetime.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-row-style.png b/wpf/datagrid/printing_images/row-style.png similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-row-style.png rename to wpf/datagrid/printing_images/row-style.png diff --git a/wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-stacked-headers.PNG b/wpf/datagrid/printing_images/stacked-headers.PNG similarity index 100% rename from wpf/DataGrid/Printing_images/wpf-datagrid-printing-with-stacked-headers.PNG rename to wpf/datagrid/printing_images/stacked-headers.PNG diff --git a/wpf/DataGrid/Row-Height-Customization_images/wpf-datagrid-row-height-customization.png b/wpf/datagrid/row-height-customization_images/customizing-row-hieght.png similarity index 100% rename from wpf/DataGrid/Row-Height-Customization_images/wpf-datagrid-row-height-customization.png rename to wpf/datagrid/row-height-customization_images/customizing-row-hieght.png diff --git a/wpf/DataPager/Getting-Started_images/Getting-Started_img1.png b/wpf/datapager/getting-started_images/control.png similarity index 100% rename from wpf/DataPager/Getting-Started_images/Getting-Started_img1.png rename to wpf/datapager/getting-started_images/control.png diff --git a/wpf/DataPager/Getting-Started_images/Getting-Started_img3.png b/wpf/datapager/getting-started_images/datagrid-control.png similarity index 100% rename from wpf/DataPager/Getting-Started_images/Getting-Started_img3.png rename to wpf/datapager/getting-started_images/datagrid-control.png diff --git a/wpf/DataPager/Getting-Started_images/Getting-Started_img2.png b/wpf/datapager/getting-started_images/designer.png similarity index 100% rename from wpf/DataPager/Getting-Started_images/Getting-Started_img2.png rename to wpf/datapager/getting-started_images/designer.png diff --git a/wpf/DataPager/Overview_images/Overview_img1.png b/wpf/datapager/overview_images/screenshot.png similarity index 100% rename from wpf/DataPager/Overview_images/Overview_img1.png rename to wpf/datapager/overview_images/screenshot.png