diff --git a/wpf/Color-Picker/Overview.md b/wpf/Color-Picker/Overview.md index 422bffd581..d883659235 100644 --- a/wpf/Color-Picker/Overview.md +++ b/wpf/Color-Picker/Overview.md @@ -11,7 +11,7 @@ documentation: ug WPF [ColorPicker](https://www.syncfusion.com/wpf-ui-controls/colorpicker ) is an user interface to select and adjust color values. This supports various color specifications like RGB (Red Green Blue), HSV (Hue Saturation Value), and Hex codes. - ![Syncfusion WPF ColorPicker-ColorEdit](Getting-Started_images/ColorEdit_Overview.png) + ![Syncfusion WPF Color Picker](getting-started_images/wpf-color-picker-overview.png) This section also discusses the WPF `ColorEdit` control, which is similar to the `ColorPicker`. diff --git a/wpf/Currency-TextBox/Getting-Started.md b/wpf/Currency-TextBox/Getting-Started.md index 9cb144a290..f29adb2283 100644 --- a/wpf/Currency-TextBox/Getting-Started.md +++ b/wpf/Currency-TextBox/Getting-Started.md @@ -25,7 +25,7 @@ You can add the [CurrencyTextBox](https://www.syncfusion.com/wpf-ui-controls/cur * Syncfusion.Shared.WPF -![Dragging WPF CurrencyTextBox Control from Toolbox to Designer](Getting-Started_images/wpf-currency-textbox-toolbox.png) +![Dragging WPF Currency TextBox Control from Toolbox to Designer](getting-started_images/wpf-currency-textbox-toolbox.png) ## Adding WPF CurrencyTextBox via XAML @@ -99,7 +99,7 @@ this.Content = currencyTextBox; {% endcapture %} {{ codesnippet3 | OrderList_Indent_Level_1 }} -![WPF CurrencyTextBox Control](Getting-Started_images/wpf-currency-textbox-control.png) +![WPF Currency TextBox Control](getting-started_images/wpf-currency-textbox-control.png) ## Setting Value @@ -121,7 +121,7 @@ currencyTextBox.Value = 100; {% endhighlight %} {% endtabs %} -![WPF CurrencyTextBox diplays Value](Getting-Started_images/wpf-currency-textbox-value.png) +![WPF Currency TextBox diplays Value](getting-started_images/wpf-currency-textbox-value.png) N> Do not use the [Text](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.textbox.text?redirectedfrom=MSDN&view=netframework-4.7.2#System_Windows_Controls_TextBox_Text) property to set the value for the CurrencyTextBox. Use only the `Value` property. @@ -165,7 +165,7 @@ class ViewModel : NotificationObject {% endhighlight %} {% endtabs %} -![WPF CurrencyTextBox displays Binding Value](Getting-Started_images/wpf-currency-textbox-binding-value.png) +![WPF Currency TextBox displays Binding Value](getting-started_images/wpf-currency-textbox-binding-value.png) ## Value Changed Notification @@ -223,7 +223,7 @@ currencyTextBox.Value = 455; {% endhighlight %} {% endtabs %} -![Restricts Minimum and Maximum Value of WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox-max-and-min-value.png) +![Restricts Minimum and Maximum Value of WPF Currency TextBox](getting-started_images/wpf-currency-textbox-max-and-min-value.png) ## Step Interval to increase or decrease the value @@ -250,7 +250,7 @@ currencyTextBox.ScrollInterval = 4; {% endhighlight %} {% endtabs %} -![WPF CurrencyTextBox displays Incrementing Interval Value](Getting-Started_images/wpf-currency-textbox-step-interval.png) +![WPF Currency TextBox displays Incrementing Interval Value](getting-started_images/wpf-currency-textbox-interval-value.png) ## Formatting the value @@ -283,7 +283,7 @@ currencyTextBox.NumberFormat = new NumberFormatInfo() {% endhighlight %} {% endtabs %} -![WPF CurrencyTextBox with Formatting](Getting-Started_images/wpf-currency-textbox-number-format.png) +![WPF Currency TextBox with Formatting](getting-started_images/wpf-currency-textbox-formatting.png) ## Setting the Culture @@ -306,7 +306,7 @@ currencyTextBox.Culture = new System.Globalization.CultureInfo("en-US"); {% endhighlight %} {%endtabs%} -![WPF CurrencyTextBox with Culture](Getting-Started_images/wpf-currency-textbox-culture.png) +![WPF Currency TextBox with Culture](getting-started_images/wpf-currency-textbox-culture.png) N> When you use both `NumberFormat` and `Culture`, the `NumberFormat` will have a higher priority. @@ -318,4 +318,4 @@ CurrencyTextBox supports various built-in themes. Refer to the below links to ap * [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme) - ![Applying Theme to WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox-theme.png) \ No newline at end of file + ![Applying Theme to WPF Currency TextBox](getting-started_images/wpf-currency-textbox-theme.png) \ No newline at end of file diff --git a/wpf/Currency-TextBox/Overview.md b/wpf/Currency-TextBox/Overview.md index 310f13fcda..bab18bd1db 100644 --- a/wpf/Currency-TextBox/Overview.md +++ b/wpf/Currency-TextBox/Overview.md @@ -13,9 +13,9 @@ The [CurrencyTextBox](https://www.syncfusion.com/wpf-ui-controls/currency-textbo ## Control structure -![WPF CurrencyTextBox](Getting-Started_images/wpf-currency-textbox.png) +![WPF Currency TextBox](getting-started_images/wpf-currency-textbox-control-structure.png) -![WPF CurrencyTextBox with Watermark Text](Getting-Started_images/wpf-currency-textbox-watermark.png) +![WPF Currency TextBox with Watermark Text](getting-started_images/wpf-currency-textbox-watermark.png) ## Features diff --git a/wpf/DataGrid/Columns.md b/wpf/DataGrid/Columns.md index 3571601b31..9d39c9718b 100644 --- a/wpf/DataGrid/Columns.md +++ b/wpf/DataGrid/Columns.md @@ -452,7 +452,7 @@ void dataGrid_AutoGeneratingColumn(object sender, AutoGeneratingColumnArgs e) Below screenshot shows the customized header template loaded on the header of OrderID column. -![WPF DataGrid Loaded with Customized Header Template](Columns_images/wpf-datagrid-header-template.png) +![WPF DataGrid Loaded with Customized Header Template](columns_images/wpf-datagrid-header-template.png) #### Data Annotations with AutoGenerateColumns @@ -547,7 +547,7 @@ public string CustomerID The OrderID and CustomerID column rearranged based on specified order. -![Changing Columns Order in WPF DataGrid](Columns_images/wpf-datagrid-columns-order.png) +![Changing Columns Order in WPF DataGrid](columns_images/wpf-datagrid-columns-order.png) ##### DataGrid column formatting @@ -605,7 +605,7 @@ public DateTime OrderDate N> The `DataFormatString` attribute will be considered only when the column is auto-generated. -![WPF DataGrid with Columns Formatting](Columns_images/wpf-datagrid-columns-formatting.png) +![WPF DataGrid with Columns Formatting](columns_images/wpf-datagrid-columns-formatting.png) ### Manually defining columns @@ -716,13 +716,13 @@ N> Resizing considers MinWidth and MaxWidth of column. You can change the column width by clicking and dragging the resizing cursor at the edge of column header. The resizing cursor appears when you hover the grid line exists between two columns. -![Column Resizing in WPF DataGrid](Columns_images/wpf-datagrid-resize-column.png) +![Column Resizing in WPF DataGrid](columns_images/wpf-datagrid-resize-column.png) ### Hidden column resizing SfDataGrid shows indication for hidden columns in column header and also allows end-users to resize the hidden columns when setting [SfDataGrid.AllowResizingHiddenColumns](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowResizingHiddenColumns) property to `true`. -![Resizing Hidden Column in WPF DataGrid](Columns_images/wpf-datagrid-resize-hidden-column.png) +![Resizing Hidden Column in WPF DataGrid](columns_images/wpf-datagrid-resize-hidden-column.png) ### Disable resizing @@ -773,7 +773,7 @@ You can allow end-users to rearrange the columns by drag and drop the column hea {% endhighlight %} {% endtabs %} -![Drag and Drop Column in WPF DataGrid](Columns_images/wpf-datagrid-drag-and-drop-columns.png) +![Drag and Drop Column in WPF DataGrid](columns_images/wpf-datagrid-drag-and-drop-columns.png) You can enable or disable dragging on particular column using [GridColumn.AllowDragging](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumn.html#Syncfusion_UI_Xaml_Grid_GridColumn_AllowDragging) property. @@ -928,7 +928,7 @@ You can freeze the columns in view at the left and right side like in excel by s {% endhighlight %} {% endtabs %} -![Frezzing Columns in WPF DataGrid](Columns_images/wpf-datagrid-freezing-column.png) +![Frezzing Columns in WPF DataGrid](columns_images/wpf-datagrid-freezing.png) ### Limitations @@ -971,5 +971,5 @@ Below code, binds the `ViewModel.AllowFiltering` property to `GridColumn.AllowFi {% endhighlight %} {% endtabs %} -![WPF DataGrid Column with Data Binding](Columns_images/wpf-datagrid-binding-column.png) +![WPF DataGrid Column with Data Binding](columns_images/wpf-datagrid-data-binding-columns.png) diff --git a/wpf/DataGrid/Data-Virtualization.md b/wpf/DataGrid/Data-Virtualization.md index 768a7841d3..2dc191ae29 100644 --- a/wpf/DataGrid/Data-Virtualization.md +++ b/wpf/DataGrid/Data-Virtualization.md @@ -272,7 +272,7 @@ public class ViewModel : INotifyPropertyChanged {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Incremental Data Loading](Data-Virtualization_images/wpf-datagrid-loading-data.png) +![WPF DataGrid displays Incremental Data Loading](data-virtualization_images/wpf-datagrid-loading-data.png) You can download the sample from [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/IncrementalLoading_Animation-1160118925.zip). diff --git a/wpf/DataGrid/Editing.md b/wpf/DataGrid/Editing.md index 7acdbeb541..f1b407d30e 100644 --- a/wpf/DataGrid/Editing.md +++ b/wpf/DataGrid/Editing.md @@ -38,7 +38,7 @@ dataGrid.Columns["OrderID"].AllowEditing = true; N> [GridColumn.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_AllowEditing) takes higher priority than [SfDataGrid.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowEditing). -![WPF DataGrid Cell Editing](Editing_images/wpf-datagrid-cell-editing.jpeg) +![WPF DataGrid Cell Editing](editing_images/wpf-datagrid-cell-editing.jpeg) N> It is mandatory to set the [NavigationMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_NavigationMode) to Cell to enable [CurrentCell](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridCurrentCellManager.html#Syncfusion_UI_Xaml_Grid_GridCurrentCellManager_CurrentCell) navigation and editing. @@ -637,7 +637,7 @@ public class CellStyleSelector : StyleSelector {% endhighlight %} {% endtabs %} -![Changing Foreground of Edited Cells in WPF DataGrid](Editing_images/wpf-datagrid-edited-cells.jpeg) +![Changing Foreground of Edited Cells in WPF DataGrid](editing_images/wpf-datagrid-edited-cells.jpeg) ### Allow editing when pressing minus key diff --git a/wpf/DataGrid/Export-To-Excel.md b/wpf/DataGrid/Export-To-Excel.md index ed290edf73..500ade5860 100644 --- a/wpf/DataGrid/Export-To-Excel.md +++ b/wpf/DataGrid/Export-To-Excel.md @@ -65,7 +65,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Exporting to Excel with Outlines for Groups in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-to-excel.png) +![Exporting to Excel with Outlines for Groups in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-to-excel.png) ### Exclude columns while exporting @@ -155,7 +155,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Exporting to Excel with Custom Row and Column Index in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-with-row-column-index.png) +![Exporting to Excel with Custom Row and Column Index in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-with-row-column-index.png) ## Saving options @@ -253,7 +253,7 @@ window1.Show(); {% endhighlight %} {% endtabs %} -![Exported Excel without Saving in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-excel-without-saving.png) +![Exported Excel without Saving in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-excel-without-saving.png) ## Export DataGrid pages to Excel @@ -299,7 +299,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Exporting Selected Items only to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-selected-item.png) +![Exporting Selected Items only to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-selected-item.png) ## Export DataGrid to HTML @@ -453,7 +453,7 @@ private static void ExportingHandler(object sender, GridExcelExportingEventArgs {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Customized Cell Style based on CellType in Exported Excel](Export-to-Excel_images/wpf-datagrid-cell-style-customization.png) +![WPF DataGrid displays Customized Cell Style based on CellType in Exported Excel](export-to-excel_images/wpf-datagrid-cell-style-customization.png) ## Cell customization in Excel while exporting @@ -492,7 +492,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv {% endhighlight %} {% endtabs %} -![Customizing Cell Values while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-cell-value-customization.png) +![Customizing Cell Values while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-cell-value-customization.png) Here, cell values are changed for `IsClosed` column based on custom condition. @@ -524,7 +524,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv {% endhighlight %} {% endtabs %} -![Customizing Row Style based on Data while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-row-style-customization.png) +![Customizing Row Style based on Data while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-row-style-customization.png) Here, records having the `Country` name as `Mexico` are customized. @@ -553,7 +553,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv {% endhighlight %} {% endtabs %} -![Customizing Cell Values based on Column name while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-cell-value-based-on-column.png) +![Customizing Cell Values based on Column name while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-cell-value-based-on-column.png) Here, `OrderID` column cells are customized while exporting. @@ -608,7 +608,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Changing Border Style in Exported Excel for WPF DataGrid](Export-to-Excel_images/wpf-datagrid-change-border-style.png) +![Changing Border Style in Exported Excel for WPF DataGrid](export-to-excel_images/wpf-datagrid-change-border-style.png) #### Enabling Filters @@ -625,7 +625,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Filters on Exported Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-filter-on-exported-excel.png) +![Filters on Exported Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-filter-on-exported-excel.png) While using `stacked headers`, you can specify the `range` based on Stacked headers count. @@ -660,7 +660,7 @@ workBook.SaveAs("Sample.xlsx"); {% endhighlight %} {% endtabs %} -![Customizing Range of Cells in Exported Excel for WPF DataGrid](Export-to-Excel_images/wpf-datagrid-range-of-cells-customization.png) +![Customizing Range of Cells in Exported Excel for WPF DataGrid](export-to-excel_images/wpf-datagrid-range-of-cells-customization.png) ## Exporting DetailsView @@ -688,7 +688,7 @@ private static void ChildExportingHandler(object sender, GridChildExportingEvent {% endhighlight %} {% endtabs %} -![Excluding Specific DetailsView while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-data-in-detailsview.png) +![Excluding Specific DetailsView while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-data-in-details-view.png) Here, `DetailsViewDataGrid` is not exported for the parent record having `OrderID` as 1002. @@ -711,7 +711,7 @@ private static void ChildExportingHandler(object sender, GridChildExportingEvent {% endhighlight %} {% endtabs %} -![Excluding Columns in DetailsViewDataGrid while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-export-without-column.png) +![Excluding Columns in DetailsViewDataGrid while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-export-without-column.png) Here, `OrderID` column is displayed in `DetailsViewDataGrid` and it is excluded while exporting to excel. @@ -743,7 +743,7 @@ private static void CellExportingHandler(object sender, GridCellExcelExportingEv {% endhighlight %} {% endtabs %} -![Customizing DetailsViewDataGrid Cells while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-exported-cell-customization.png) +![Customizing DetailsViewDataGrid Cells while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-exported-cell-customization.png) ## Performance @@ -771,7 +771,7 @@ workBook.ActiveSheet.Columns[4].NumberFormat = "0.0"; {% endtabs %} -![Formatting the Column while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-column-formatting.png) +![Formatting the Column while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-column-formatting.png) ### Alternate row styling without using CellsExportingEventHandler @@ -800,6 +800,6 @@ condition2.BackColorRGB = System.Drawing.Color.LightGray; {% endhighlight %} {% endtabs %} -![Displaying Row Style while Exporting to Excel in WPF DataGrid](Export-to-Excel_images/wpf-datagrid-row-style.png) +![Displaying Row Style while Exporting to Excel in WPF DataGrid](export-to-excel_images/wpf-datagrid-row-style.png) diff --git a/wpf/DataGrid/Export-To-PDF.md b/wpf/DataGrid/Export-To-PDF.md index ecb530fafd..5fca3e2849 100644 --- a/wpf/DataGrid/Export-To-PDF.md +++ b/wpf/DataGrid/Export-To-PDF.md @@ -233,7 +233,7 @@ static void PdfHeaderFooterEventHandler(object sender, PdfHeaderFooterEventArgs {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Export to PDF with Header and Footer](Export-To-PDF_images/wpf-datagrid-export-to-pdf.png) +![WPF DataGrid displays Export to PDF with Header and Footer](export-to-pdf_images/wpf-datagrid-header-footer.png) Here, `string` is inserted in the header of exported PDF file using [DrawString](https://help.syncfusion.com/cr/wpf/Syncfusion.Pdf.Graphics.PdfGraphics.html#Syncfusion_Pdf_Graphics_PdfGraphics_DrawString_System_String_Syncfusion_Pdf_Graphics_PdfFont_Syncfusion_Pdf_Graphics_PdfBrush_System_Drawing_PointF_) method. Similarly, you can insert image, line,etc. using [DrawImage](https://help.syncfusion.com/cr/wpf/Syncfusion.Pdf.Graphics.PdfGraphics.html#Syncfusion_Pdf_Graphics_PdfGraphics_DrawImage_Syncfusion_Pdf_Graphics_PdfImage_System_Drawing_PointF_), [DrawLine](https://help.syncfusion.com/cr/wpf/Syncfusion.Pdf.Graphics.PdfGraphics.html#Syncfusion_Pdf_Graphics_PdfGraphics_DrawLine_Syncfusion_Pdf_Graphics_PdfPen_System_Drawing_PointF_System_Drawing_PointF_) methods respectively. @@ -274,7 +274,7 @@ document.Save("Sample.pdf"); {% endhighlight %} {% endtabs %} -![WPF DataGrid SelectedItems Exported to PDF](Export-To-PDF_images/wpf-datagrid-export-selected-items.png) +![WPF DataGrid SelectedItems Exported to PDF](export-to-pdf_images/wpf-datagrid-export-selected-items.png) ## Saving options @@ -355,7 +355,7 @@ window.Show(); {% endhighlight %} {% endtabs %} -![WPF DataGrid Exported to PDF Viewer](Export-To-PDF_images/wpf-datagrid-export-pdf-viewer.png) +![WPF DataGrid Exported to PDF Viewer](export-to-pdf_images/wpf-datagrid-export-pdf-viewer.png) ## Exporting Customization @@ -385,7 +385,7 @@ void GridPdfExportingEventHandler(object sender, GridPdfExportingEventArgs e) {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Exported PDF File](Export-To-PDF_images/wpf-datagrid-export-pdf-file.png) +![WPF DataGrid displays Exported PDF File](export-to-pdf_images/wpf-datagrid-export-pdf-file.png) ### Embedding fonts in PDF file @@ -448,7 +448,7 @@ private void CellsExportingEventHandler(object sender, GridCellPdfExportingEvent {% endhighlight %} {% endtabs %} -![Customizing Cell Values while Exporting PDF File in WPF DataGrid](Export-To-PDF_images/wpf-datagrid-cell-values-customization.png) +![Customizing Cell Values while Exporting PDF File in WPF DataGrid](export-to-pdf_images/wpf-datagrid-cell-values-customization.png) Here, cell values are changed for `IsClosed` column based on custom condition. @@ -480,7 +480,7 @@ private void CellsExportingEventHandler(object sender, GridCellPdfExportingEvent {% endhighlight %} {% endtabs %} -![Changing PDF Grid Row Style while Exporting from WPF DataGrid](Export-To-PDF_images/wpf-datagrid-row-style.png) +![Changing PDF Grid Row Style while Exporting from WPF DataGrid](export-to-pdf_images/wpf-datagrid-row-style.png) ### Exporting Middle Eastern Languages (Arabic, Hebrew) from SfDataGrid to PDF @@ -508,7 +508,7 @@ private void CellsExportingEventHandler(object sender, GridCellPdfExportingEvent {% endhighlight %} {% endtabs %} -![Exporting Middle Eastern Languages from WPF DataGrid to PDF File](Export-To-PDF_images/wpf-datagrid-export-with-eastern-language.png) +![Exporting Middle Eastern Languages from WPF DataGrid to PDF File](export-to-pdf_images/wpf-datagrid-export-with-eastern-language.png) ### Exporting images to PDF document @@ -555,7 +555,7 @@ private void CellsExportingEventHandler(object sender, GridCellPdfExportingEvent {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Export to PDF File with Image](Export-To-PDF_images/wpf-datagrid-export-with-image.png) +![WPF DataGrid displays Export to PDF File with Image](export-to-pdf_images/wpf-datagrid-export-with-image.png) ## Exporting DetailsView @@ -570,7 +570,7 @@ document.Save("Sample.pdf"); {% endhighlight %} {% endtabs %} -![WPF DataGrid displays Nested Grid Exported to PDF File](Export-To-PDF_images/wpf-datagrid-export-nested-grid.png) +![WPF DataGrid displays Nested Grid Exported to PDF File](export-to-pdf_images/wpf-datagrid-export-nested-grid.png) By default, only expanded DetailsViewDataGrids only will be exported to PDF document. If you want to export all the DetailsViewDataGrids, you need to set [ExportAllDetails](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.Converter.PdfExportingOptions.html#Syncfusion_UI_Xaml_Grid_Converter_PdfExportingOptions_ExportAllDetails) as `true`. @@ -584,7 +584,7 @@ document.Save("Sample.pdf"); {% endhighlight %} {% endtabs %} -![WPF Nested DataGrid Exported to PDF File](Export-To-PDF_images/wpf-datagrid-export-with-multiple-grid.png) +![WPF Nested DataGrid Exported to PDF File](export-to-pdf_images/wpf-datagrid-export-with-multiple-grid.png) Here, first record only expanded in SfDataGrid. But all the DetailsViewDataGrid’s are shown in exported PDF document. @@ -614,7 +614,7 @@ void ChildGridExportingEventHandler(object sender, ChildGridPdfExportingEventArg {% endhighlight %} {% endtabs %} -![Exporting PDF File from WPF MasterDetailsView DataGrid](Export-To-PDF_images/wpf-datagrid-export-with-details-view.png) +![Exporting PDF File from WPF MasterDetailsView DataGrid](export-to-pdf_images/wpf-datagrid-export-with-details-view.png) Here, `DetailsViewDataGrid` is not exported for the parent record having `OrderID` as 1002. @@ -637,7 +637,7 @@ void ChildGridExportingEventHandler(object sender, ChildGridPdfExportingEventArg {% endhighlight %} {% endtabs %} -![Exporting PDF File from WPF DataGrid without DetailsView](Export-To-PDF_images/wpf-datagrid-export-without-details-view.png) +![Exporting PDF File from WPF DataGrid without DetailsView](export-to-pdf_images/wpf-datagrid-export-without-details-view.png) Here, `OrderID` column is displayed in `DetailsViewDataGrid` and it is excluded while exporting to PDF. @@ -670,6 +670,6 @@ private void CellsExportingEventHandler(object sender, GridCellPdfExportingEvent {% endhighlight %} {% endtabs %} -![Customizing WPF DetailsView DataGrid Cells Exported to PDF File](Export-To-PDF_images/wpf-detailsview-datagrid-cells-customization.png) +![Customizing WPF DetailsView DataGrid Cells Exported to PDF File](export-to-pdf_images/wpf-details-view-datagrid-cells-customization.png) diff --git a/wpf/DataGrid/Filtering.md b/wpf/DataGrid/Filtering.md index 67c496f137..419f69a093 100644 --- a/wpf/DataGrid/Filtering.md +++ b/wpf/DataGrid/Filtering.md @@ -162,11 +162,11 @@ By default, both Checkbox Filter and Advanced Filter are loaded while opening th SfDataGrid with Checkbox Filter View: -![WPF DataGrid with CheckBox Filter](Filtering_images/wpf-datagrid-checkbox-filter.png) +![WPF DataGrid with CheckBox Filter](filtering_images/wpf-datagrid-checkbox-filter.png) SfDataGrid with Advanced Filter View: -![WPF DataGrid with Advanced Filter](Filtering_images/wpf-datagrid-advanced-filter.png) +![WPF DataGrid with Advanced Filter](filtering_images/wpf-datagrid-advanced-filter.png) ## Choose between built-in UI Views @@ -418,7 +418,7 @@ N> When you use [DataTable](https://docs.microsoft.com/en-us/dotnet/api/system.d {% endhighlight %} {% endtabs %} -![Improving Performance while Applying Filter in WPF DataGrid](Filtering_images/wpf-datagrid-apply-filter.png) +![Improving Performance while Applying Filter in WPF DataGrid](filtering_images/wpf-datagrid-apply-filter.png) By default, [CanGenerateUniqueItems](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.AdvancedFilterControl.html#Syncfusion_UI_Xaml_Grid_AdvancedFilterControl_CanGenerateUniqueItems) is true. So all the unique items in the column are loaded in the AdvancedFilter ComboBox that allows you to select the value easily from the combo box and filter it. @@ -437,11 +437,11 @@ dataGrid.Columns["Country"].AllowBlankFilters = false; Checkbox Filter with `AllowBlankFilters` as `True` -![Filter Null Values using CheckBox Filter in WPF DataGrid](Filtering_images/wpf-datagrid-null-values-in-checkbox-filter.png) +![Filter Null Values using CheckBox Filter in WPF DataGrid](filtering_images/wpf-datagrid-null-values-in-checkbox-filter.png) Advanced Filter with `AllowBlankFilters` as `True` -![Filter Null Values using Advanced Filter in WPF DataGrid](Filtering_images/wpf-datagrid-null-values-in-advanced-filter.png) +![Filter Null Values using Advanced Filter in WPF DataGrid](filtering_images/wpf-datagrid-null-values-in-advanced-filter.png) ## Instant Filtering @@ -460,11 +460,11 @@ Here, the OK and Cancel buttons are unavailable and Done button is available to Checkbox Filter with `ImmediateUpdateColumnFilter` is `True` -![CheckBox Filter with Immediate Filter in WPF DataGrid](Filtering_images/wpf-datagrd-checkbox-immediate-filter.png) +![CheckBox Filter with Immediate Filter in WPF DataGrid](filtering_images/wpf-datagrd-checkbox-immediate-filter.png) Advanced Filter with `ImmediateUpdateColumnFilter` is `True` -![Advanced Filter with Immediate Filter in WPF DataGrid](Filtering_images/wpf-datagrd-advanced-immediate-filter.png) +![Advanced Filter with Immediate Filter in WPF DataGrid](filtering_images/wpf-datagrd-advanced-immediate-filter.png) N> In Checkbox Filter, the `SelectAll` option is not reflected in the filter updates if [ImmediateUpdateColumnFilter](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumn.html#Syncfusion_UI_Xaml_Grid_GridColumn_ImmediateUpdateColumnFilter) is true. @@ -483,19 +483,19 @@ dataGrid.Columns["OrderDate"].ColumnFilter = ColumnFilter.DisplayText; Consider in the following dataGrid, first and second records have same display value for OrderDate column but both have different actual value (E.g. 2/10/2010 12:00:00 AM and 2/10/2010 6:30:00 PM). -![Filter WPF DataGrid using Actual Value instead of Formatted String](Filtering_images/wpf-datagrid-filter-formatted-string.png) +![Filter WPF DataGrid using Actual Value instead of Formatted String](filtering_images/wpf-datagrid-filter-formatted-string.png) By default, based on the actual value only filter will be applied. So it will consider both values as different. And while opening filter popup, both values will be displayed like below. -![Filtering WPF DataGrid based on Formatted String](Filtering_images/wpf-datagrid-string-format.png) +![Filtering WPF DataGrid based on Formatted String](filtering_images/wpf-datagrid-string-format.png) If you set [ColumnFilter](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumn.html#Syncfusion_UI_Xaml_Grid_GridColumn_ColumnFilter) as DisplayText, display value only will be considered for filtering. So filter popup will be shown like below. -![Filter based on actual value in WPF DataGrid](Filtering_images/wpf-datagrid-filter-actual-value.png) +![Filter based on actual value in WPF DataGrid](filtering_images/wpf-datagrid-filter-actual-value.png) After filtering, both records having the same OrderDate display value will be displayed in view. -![Filtered same Record Values in WPF DataGrid](Filtering_images/wpf-datagrid-filter-same-records.png) +![Filtered same Record Values in WPF DataGrid](filtering_images/wpf-datagrid-filter-same-records.png) ## Events @@ -648,7 +648,7 @@ public class StringToImageConverter : IValueConverter {% endhighlight %} {% endtabs %} -![Filter with Image in WPF DataGrid Column](Filtering_images/wpf-datagrid-filter-with-image.png) +![Filter with Image in WPF DataGrid Column](filtering_images/wpf-datagrid-filter-with-image.png) You can get the sample from [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/CheckBoxFilterControlImage1515534249.zip). @@ -768,7 +768,7 @@ Sort Options can be collapsed by setting [SortOptionVisibility](https://help.syn {% endhighlight %} {% endtabs %} -![Collapse sort option from filter popup in WPF DataGrid](Filtering_images/wpf-datagrid-collapse-sort-option.png) +![Collapse sort option from filter popup in WPF DataGrid](filtering_images/wpf-datagrid-collapse-sort-option.png) ### Customizing Sort Options text @@ -806,7 +806,7 @@ You can customize the FilterPopup size using [FilterPopupHeight](https://help.sy {% endhighlight %} {% endtabs %} -![Customizing Sort Option Text from Filter Popup in WPF DataGrid](Filtering_images/wpf-datagrid-filter-popup-customization.png) +![Customizing Sort Option Text from Filter Popup in WPF DataGrid](filtering_images/wpf-datagrid-filter-popup-customization.png) ### Changing filter icon style after applying filters @@ -918,36 +918,36 @@ You can change the filter icon style by editing the [FilterToggleButton](https:/ When you apply above style to [FilterToggleButton](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.FilterToggleButton.html), FilterIcon changes from Default to Gray and to Red when filtering is applied. When you clear it, it changes from Red to Gray and to default style. ## See Also -[How to display values with underscore in check boxes of the filter control?](https://www.syncfusion.com/kb/10163) +[How to display values with underscore in check boxes of the filter control?](https://support.syncfusion.com/kb/article/8938/how-to-display-values-with-underscore-in-check-boxes-of-the-filter-control) -[How to serialize the filtered values based on FilterMode of the column](https://www.syncfusion.com/kb/9900) +[How to serialize the filtered values based on FilterMode of the column](https://support.syncfusion.com/kb/article/8777/how-to-serialize-the-filtered-values-based-on-filter-mode-of-the-column-in-wpf-datagrid) -[How to apply search and filter for one column in SfDataGrid?](https://www.syncfusion.com/kb/9297) +[How to apply search and filter for one column in SfDataGrid?](https://support.syncfusion.com/kb/article/7984/how-to-apply-search-and-filter-for-one-column-in-wpf-datagrid-sfdatagrid) -[How to customize the Filtering and Sorting icons in the SfDataGrid ?](https://www.syncfusion.com/kb/8184) +[How to customize the Filtering and Sorting icons in the SfDataGrid ?](https://support.syncfusion.com/kb/article/7261/how-to-customize-the-filtering-and-sorting-icons-in-wpf-datagrid-sfdatagrid) -[How to change the Filter Predicate showing in CheckBoxFilter UI ?](https://www.syncfusion.com/kb/7736) +[How to change the Filter Predicate showing in CheckBoxFilter UI ?](https://support.syncfusion.com/kb/article/6956/how-to-change-the-filter-predicate-showing-in-checkboxfilter-ui-in-wpf-datagrid-sfdatagrid) -[How to show filter status message in SfDataGrid?](https://www.syncfusion.com/kb/7616) +[How to show filter status message in SfDataGrid?](https://support.syncfusion.com/kb/article/6877/how-to-show-the-filter-status-message-in-wpf-datagrid-sfdatagrid) -[How to localize the filter values in GridCheckBoxColumn ?](https://www.syncfusion.com/kb/6787) +[How to localize the filter values in GridCheckBoxColumn ?](https://support.syncfusion.com/kb/article/6117/how-to-localize-the-filter-values-in-gridcheckboxcolumn-in-wpf-datagrid-sfdatagrid) -[How to load NumberFilters in AdvanceFilters using Dynamic Collection?](https://www.syncfusion.com/kb/6766) +[How to load NumberFilters in AdvanceFilters using Dynamic Collection?](https://support.syncfusion.com/kb/article/6103/how-to-load-numberfilters-in-advancefilters-using-dynamic-collection-in-wpf-datagrid) -[How to search and select record in SfDataGrid?](https://www.syncfusion.com/kb/6604) +[How to search and select record in SfDataGrid?](https://support.syncfusion.com/kb/article/6187/how-to-search-and-select-record-in-wpf-datagrid-sfdatagrid) -[How to skip the frozen row data from filtering in the SfDataGrid?](https://www.syncfusion.com/kb/5088) +[How to skip the frozen row data from filtering in the SfDataGrid?](https://support.syncfusion.com/kb/article/4780/how-to-skip-the-frozen-row-data-from-filtering-in-the-sfdatagrid) -[How to filter the records based on display text in the SfDataGrid?](https://www.syncfusion.com/kb/4905) +[How to filter the records based on display text in the SfDataGrid?](https://support.syncfusion.com/kb/article/4684/how-to-filter-the-records-based-on-display-text-in-the-sfdatagrid) -[How to change the position of FilterToggleButton and SortIcon in header cell of SfDataGrid?](https://www.syncfusion.com/kb/4052) +[How to change the position of FilterToggleButton and SortIcon in header cell of SfDataGrid?](https://support.syncfusion.com/kb/article/4194/how-to-change-the-position-of-filtertogglebutton-and-sorticon-in-header-cell-of-sfdatagrid) -[How to Save and Reload the filters in SfDataGrid?](https://www.syncfusion.com/kb/3196) +[How to Save and Reload the filters in SfDataGrid?](https://support.syncfusion.com/kb/article/3331/how-to-save-and-reload-the-filters-of-datagrid-in-wpf-application) -[How to Customize the Excel like Filtering Items Source in SfDataGrid?](https://www.syncfusion.com/kb/3123) +[How to Customize the Excel like Filtering Items Source in SfDataGrid?](https://support.syncfusion.com/kb/article/3353/how-to-customize-the-excel-like-filtering-items-source-in-sfdatagrid) -[How to clear the filtering for all columns using HeaderContextMenu?](https://www.syncfusion.com/kb/2506) +[How to clear the filtering for all columns using HeaderContextMenu?](https://support.syncfusion.com/kb/article/2900/how-to-clear-the-filtering-for-all-columns-using-headercontextmenu) -[How to change the FilterToggleButton color while filtering?](https://www.syncfusion.com/kb/2482) +[How to change the FilterToggleButton color while filtering?](https://support.syncfusion.com/kb/article/2903/how-to-change-the-filtertogglebutton-color-while-filtering-in-wpf-) -[How to access the filtered records from SfDataGrid?](https://www.syncfusion.com/kb/2425) +[How to access the filtered records from SfDataGrid?](https://support.syncfusion.com/kb/article/2853/how-to-access-the-filtered-records-from-sfdatagrid) diff --git a/wpf/Color-Picker/Getting-Started_images/ColorEdit_Overview.png b/wpf/color-picker/getting-started_images/wpf-color-picker-overview.png similarity index 100% rename from wpf/Color-Picker/Getting-Started_images/ColorEdit_Overview.png rename to wpf/color-picker/getting-started_images/wpf-color-picker-overview.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox.png b/wpf/currency-textbox/getting-started_images/control-structure.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox.png rename to wpf/currency-textbox/getting-started_images/control-structure.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-binding-value.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-binding-value.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-binding-value.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-binding-value.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-control.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-control.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-control.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-control.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-culture.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-culture.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-culture.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-culture.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-number-format.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-formatting.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-number-format.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-formatting.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-step-interval.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-interval-value.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-step-interval.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-interval-value.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-max-and-min-value.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-max-and-min-value.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-max-and-min-value.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-max-and-min-value.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-theme.PNG b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-theme.PNG similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-theme.PNG rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-theme.PNG diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-toolbox.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-toolbox.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-toolbox.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-toolbox.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-value.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-value.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-value.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-value.png diff --git a/wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-watermark.png b/wpf/currency-textbox/getting-started_images/wpf-currency-textbox-watermark.png similarity index 100% rename from wpf/Currency-TextBox/Getting-Started_images/wpf-currency-textbox-watermark.png rename to wpf/currency-textbox/getting-started_images/wpf-currency-textbox-watermark.png diff --git a/wpf/DataGrid/Columns_images/wpf-datagrid-columns-formatting.png b/wpf/datagrid/columns_images/wpf-datagrid-columns-formatting.png similarity index 100% rename from wpf/DataGrid/Columns_images/wpf-datagrid-columns-formatting.png rename to wpf/datagrid/columns_images/wpf-datagrid-columns-formatting.png diff --git a/wpf/DataGrid/Columns_images/wpf-datagrid-columns-order.png b/wpf/datagrid/columns_images/wpf-datagrid-columns-order.png similarity index 100% rename from wpf/DataGrid/Columns_images/wpf-datagrid-columns-order.png rename to wpf/datagrid/columns_images/wpf-datagrid-columns-order.png diff --git a/wpf/DataGrid/Columns_images/wpf-datagrid-binding-column.png b/wpf/datagrid/columns_images/wpf-datagrid-data-binding.png similarity index 100% rename from wpf/DataGrid/Columns_images/wpf-datagrid-binding-column.png rename to wpf/datagrid/columns_images/wpf-datagrid-data-binding.png diff --git a/wpf/DataGrid/Columns_images/wpf-datagrid-drag-and-drop-columns.png b/wpf/datagrid/columns_images/wpf-datagrid-drag-and-drop-columns.png similarity index 100% rename from wpf/DataGrid/Columns_images/wpf-datagrid-drag-and-drop-columns.png rename to wpf/datagrid/columns_images/wpf-datagrid-drag-and-drop-columns.png diff --git a/wpf/DataGrid/Columns_images/wpf-datagrid-freezing-column.png b/wpf/datagrid/columns_images/wpf-datagrid-freezing.png similarity index 100% rename from wpf/DataGrid/Columns_images/wpf-datagrid-freezing-column.png rename to wpf/datagrid/columns_images/wpf-datagrid-freezing.png diff --git a/wpf/DataGrid/Export-to-Excel_images/wpf-datagrid-export-data-in-detailsview.png b/wpf/datagrid/export-to-excel_images/wpf-datagrid-export-data-in-details-view.png similarity index 100% rename from wpf/DataGrid/Export-to-Excel_images/wpf-datagrid-export-data-in-detailsview.png rename to wpf/datagrid/export-to-excel_images/wpf-datagrid-export-data-in-details-view.png diff --git a/wpf/DataGrid/Export-To-PDF_images/wpf-datagrid-export-to-pdf.png b/wpf/datagrid/export-to-pdf_images/wpf-datagrid-header-footer.png similarity index 100% rename from wpf/DataGrid/Export-To-PDF_images/wpf-datagrid-export-to-pdf.png rename to wpf/datagrid/export-to-pdf_images/wpf-datagrid-header-footer.png