diff --git a/wpf/GridControl/Appearance.md b/wpf/GridControl/Appearance.md index bb51bf19b..16211cfd0 100644 --- a/wpf/GridControl/Appearance.md +++ b/wpf/GridControl/Appearance.md @@ -72,7 +72,7 @@ The following graphic illustrates the effect of using the GridStyleInfo inherita -![Change background color of specific cell or row and column in WPF GridControl](Appearance_images/Appearance_img1.jpeg) +![Change background color of specific cell or row and column](Appearance_images/Appearance_img1.jpeg) ### Style Properties @@ -130,7 +130,7 @@ Output The code above displays the following output: -![Change the background color of each columns in WPF GridControl](Appearance_images/Appearance_img2.jpeg) +![Change the background color of each columns](Appearance_images/Appearance_img2.jpeg) #### Background @@ -161,7 +161,7 @@ this.grid.Model[3, 6].Background = new LinearGradientBrush(Colors.Gold, Colors.Y The following output is generated using the code above. -![Applied gradient background color in specific cells in WPF GridControl](Appearance_images/Appearance_img3.jpeg) +![Applied gradient background color in specific cells](Appearance_images/Appearance_img3.jpeg) #### Visual properties @@ -238,7 +238,7 @@ this.grid.Model[8, 5].CellValue = "Font style is Normal"; The following output is generated using the code above. -![Change the font style and color in WPF GridControl](Appearance_images/Appearance_img4.jpeg) +![Change the font style and color](Appearance_images/Appearance_img4.jpeg) 2. Setting cell orientation @@ -280,7 +280,7 @@ this.grid.Model.RowHeights[12] = 50; The following output is generated using the code above. -![Change the font alignment in WPF GridControl](Appearance_images/Appearance_img5.jpeg) +![Change the font alignment](Appearance_images/Appearance_img5.jpeg) @@ -339,7 +339,7 @@ this.grid.Model[15, 6].Borders.Right.DashStyle = DashStyles.DashDotDot; The following output is generated using the code above. -![Change the border style in WPF GridControl](Appearance_images/Appearance_img6.jpeg) +![Change the border style](Appearance_images/Appearance_img6.jpeg) ### Data Formats @@ -478,7 +478,7 @@ foreach (string format in new string[] The following output is generated using the code above. -![Data formats in WPF GridControl](Appearance_images/Appearance_img7.jpeg) +![Data formats](Appearance_images/Appearance_img7.jpeg) @@ -488,7 +488,7 @@ The FormatProvider in GridStyleInfo is used to format the display text in the ce #### Format using FormatProvider Property -In the Grid control, you can set the FormatProvider property as shown in the following code snippet. +In the Excel-like Grid, you can set the FormatProvider property as shown in the following code snippet. {% tabs %} {% highlight c# %} @@ -572,4 +572,4 @@ The CustomNumberFormat class converts the double value to string based on the cu The output is shown in the following screenshot: -![Applied formatting in specific cells in WPF GridControl](Appearance_images/Appearance_img8.png) +![Applied formatting in specific cells](Appearance_images/Appearance_img8.png) diff --git a/wpf/GridControl/Autofit-Cells.md b/wpf/GridControl/Autofit-Cells.md index d89ce8b81..7512287b6 100644 --- a/wpf/GridControl/Autofit-Cells.md +++ b/wpf/GridControl/Autofit-Cells.md @@ -9,13 +9,13 @@ documentation: ug # Autofit Cells in WPF Excel-like Grid -GridControl provides support to autofit rows and columns based on the content of cells. +The Excel-like Grid provides support to autofit rows and columns based on the content of cells. ## Autofit row height -GridControl provides the support to auto fit the row height based on content of the cells using [ResizeRowsToFit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ResizeRowsToFit_Syncfusion_Windows_Controls_Grid_GridRangeInfo_Syncfusion_Windows_Controls_Grid_GridResizeToFitOptions_) method which accepts the following parameters, +The Excel-like Grid provides the support to auto fit the row height based on content of the cells using [ResizeRowsToFit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ResizeRowsToFit_Syncfusion_Windows_Controls_Grid_GridRangeInfo_Syncfusion_Windows_Controls_Grid_GridResizeToFitOptions_) method which accepts the following parameters, -* [GridRangeInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridRangeInfo.html) - Specifies the range where `GridControl` auto fits the rows based on the cell content. +* [GridRangeInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridRangeInfo.html) - Specifies the range where `Excel-like Grid` auto fits the rows based on the cell content. * [GridResizeToFitOptions](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridResizeToFitOptions.html) - Specifies the auto fit settings to customize the auto fit behavior. {% tabs %} @@ -40,9 +40,9 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/fit-the-column- ## Autofit column width -GridControl provides the support to auto fit the column width based on content of the cells using [ResizeColumnsToFit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ResizeColumnsToFit_Syncfusion_Windows_Controls_Grid_GridRangeInfo_Syncfusion_Windows_Controls_Grid_GridResizeToFitOptions_) method which accepts the following parameters, +The Excel-like Grid provides the support to auto fit the column width based on content of the cells using [ResizeColumnsToFit](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ResizeColumnsToFit_Syncfusion_Windows_Controls_Grid_GridRangeInfo_Syncfusion_Windows_Controls_Grid_GridResizeToFitOptions_) method which accepts the following parameters, -* [GridRangeInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridRangeInfo.html) - Specifies the range where `GridControl` auto fits the columns based on the cell content. +* [GridRangeInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridRangeInfo.html) - Specifies the range where `Excel-like Grid` auto fits the columns based on the cell content. * [GridResizeToFitOptions](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridResizeToFitOptions.html) - Specifies the auto fit settings to customize the auto fit behavior. {% tabs %} @@ -99,7 +99,7 @@ autofit the columns or rows before the last one also. IncludeHiddenCells -This option includes the hidden cells while auto fitting the cells. By default, visible cells only will be auto fitted and if you want to autofit all the cells including hidden cells in `GridControl`, then need to use this option. +This option includes the hidden cells while auto fitting the cells. By default, visible cells only will be auto fitted and if you want to autofit all the cells including hidden cells in `Excel-like Grid`, then need to use this option. ## Autofit Cells based on Wrap Text @@ -119,7 +119,7 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/fit-the-column- ## How to avoid rendering issues due to fractions when auto fit the cells -When you autofit the cells, you may face scrolling and rendering issues in GridControl. You can set [GridColumnAutoSizer.CanRoundCalculation](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridColumnAutoSizer.html#Syncfusion_Windows_Controls_Grid_GridColumnAutoSizer_CanRoundCalculation) to `true` to avoid rendering issues if needed. +When you autofit the cells, you may face scrolling and rendering issues in the Excel-like Grid. You can set [GridColumnAutoSizer.CanRoundCalculation](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridColumnAutoSizer.html#Syncfusion_Windows_Controls_Grid_GridColumnAutoSizer_CanRoundCalculation) to `true` to avoid rendering issues if needed. {% tabs %} {% highlight c# %} @@ -131,7 +131,7 @@ GridColumnAutoSizer.CanRoundCalculation = true; ## Change the size of row height and column width to fit all cells in View - When GridControl is placed inside custom control and if you want to auto fit the row/column size of GridControl based on custom control resized position, then you can invoke [SizeChanged](https://docs.microsoft.com/en-us/dotnet/api/system.windows.forms.control.sizechanged?view=netframework-4.8) event of GridControl and set the [RowHeights](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_RowHeights) and [ColumnWidths](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ColumnWidths) property of [GridModel](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html) to the resized height/width. + When the Excel-like Grid is placed inside a custom control and you want to auto fit its row/column size based on the custom control’s resized position, then you can invoke the [SizeChanged](https://docs.microsoft.com/en-us/dotnet/api/system.windows.forms.control.sizechanged?view=netframework-4.8) event and set the [RowHeights](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_RowHeights) and [ColumnWidths](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ColumnWidths) property of [GridModel](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html) to the resized height/width. {% tabs %} {% highlight c# %} @@ -160,4 +160,4 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/fit-the-columns ## See also -[How to auto fit all the columns in a GridControl based on the Window size](https://www.syncfusion.com/kb/7810) +[How to auto fit all the columns based on the Window size](https://support.syncfusion.com/kb/article/7030/how-to-auto-fit-all-the-columns-in-a-gridcontrol-based-on-the-window-size) diff --git a/wpf/GridControl/Cell-Layout-Customization.md b/wpf/GridControl/Cell-Layout-Customization.md index 2eb82f1d9..67b1729e4 100644 --- a/wpf/GridControl/Cell-Layout-Customization.md +++ b/wpf/GridControl/Cell-Layout-Customization.md @@ -9,7 +9,7 @@ documentation: ug # Cell Layout Customization in WPF Excel-like Grid -This section explains the Covered Cells, Banner Cells, Overlapping Cells and Graphic cell of the WPF GridControl. +This section explains the Covered Cells, Banner Cells, Overlapping Cells and Graphic cell of the WPF Excel-like Grid. ## Covered Cells @@ -52,7 +52,7 @@ cell.HorizontalAlignment = HorizontalAlignment.Center; The following output is generated using the code above. -![Cells spanned in rows or column in WPF GridControl](Celllayout_images/covered_cells.jpeg) +![Cells spanned in rows or column](Celllayout_images/covered_cells.jpeg) ## Banner Cells @@ -102,7 +102,7 @@ void grid_QueryCellSpanBackgrounds(object sender, GridQueryCellSpanBackgroundsEv The following output is generated using the code above. -![Cell spans with gradient background in WPF GridControl](Celllayout_images/banner_cells.jpeg) +![Cell spans with gradient background](Celllayout_images/banner_cells.jpeg) ## Overlapping Cells @@ -129,7 +129,7 @@ grid.Model.Options.FloodCell = false; {% endhighlight %} {% endtabs %} -![Overlapping cells in WPF GridControl](Celllayout_images/overlapping_cells.png) +![Overlapping cells](Celllayout_images/overlapping_cells.png) ### Properties @@ -185,7 +185,7 @@ this.grid.Model.Options.EnableFloatingCell = true; ## Graphic Cell -A graphic cell is a special type of cell that helps users render any content over the Grid control regardless of the underlying cell. Graphic cells have a separate style info class and model (GraphicModel) which is used to decide the styles and behaviors of graphic cells and their content. +A graphic cell is a special type of cell that helps users render any content over the Excel-like Grid regardless of the underlying cell. Graphic cells have a separate style info class and model (GraphicModel) which is used to decide the styles and behaviors of graphic cells and their content. ### GraphicStyleInfo Properties @@ -266,7 +266,7 @@ VerticalAlignment ### Cell Types -The Grid control allows any controls to be loaded inside graphic cells. This greatly improves the usability and appearance of the Grid control. This attribute of a grid cell is referred to as its cell type. +The Excel-like Grid allows any controls to be loaded inside graphic cells. This greatly improves the usability and appearance of the control. This attribute of a grid cell is referred to as its cell type. #### Built-in Cell Types @@ -278,7 +278,7 @@ Graphic cells have built-in support for the following cell types: ### Image Cell -The image cell type is used to load images inside graphic cells. To load the graphic image cell in the Grid control you have to set the CellType as ImageCell and the CellValue as BitmapImage as shown in the following code sample. +The image cell type is used to load images inside graphic cells. To load the graphic image cell in the Excel-like Grid you have to set the CellType as ImageCell and the CellValue as BitmapImage as shown in the following code sample. {% tabs %} {% highlight c# %} @@ -290,11 +290,11 @@ style.CellValue = bi; {% endtabs %} -![Image Graphic Cell in WPF GridControl](Celllayout_images/image_graphic_cell.png) +![Image Graphic Cell](Celllayout_images/image_graphic_cell.png) ### RichTextBox Cell -The RichTextBox cell type is used to load a rich text box inside graphic cells. To load the rich text box over the Grid control, you have to set the CellType as RichTextBox and the CellValue as FlowDocument as shown in the following code sample. +The RichTextBox cell type is used to load a rich text box inside graphic cells. To load the rich text box over the Excel-like Grid, you have to set the CellType as RichTextBox and the CellValue as FlowDocument as shown in the following code sample. {% tabs %} {% highlight c# %} @@ -325,7 +325,7 @@ style.CellValue = _flowDocument; {% endhighlight %} {% endtabs %} -![RichTextBox Graphic Cell in WPF GridControl](Celllayout_images/textbox_graphic_cell.png) +![RichTextBox Graphic Cell](Celllayout_images/textbox_graphic_cell.png) ### Custom Cell Types @@ -398,7 +398,7 @@ void ### Custom Graphic Chart Cell Renderer -This cell displays a chart control over the grid cells as seen in Microsoft Excel when importing an Excel file to the Grid control. To render the Chart control over the Grid control, you need to derive from the GraphicCellModel and GraphicCellRendererBase classes. +This cell displays a chart control over the grid cells as seen in Microsoft Excel when importing an Excel file to the Excel-like Grid. To render the Chart control over the control, you need to derive from the GraphicCellModel and GraphicCellRendererBase classes. #### CellModel class @@ -444,7 +444,7 @@ public class GraphicChartCellRenderer : GraphicCellRendererBase {% endhighlight %} {% endtabs %} -The ChartExtensions class is used to create the Chart control (Syncfusion.Windows.Chart) from the IChartShape object (Syncfusion.XlsIO.IChartShape). While importing the Excel file to the Grid control, the chart in the Excel file is added to the graphic cell collection and the cell value is set as IChartShape. +The ChartExtensions class is used to create the Chart control (Syncfusion.Windows.Chart) from the IChartShape object (Syncfusion.XlsIO.IChartShape). While importing the Excel file to the Excel-like Grid, the chart in the Excel file is added to the graphic cell collection and the cell value is set as IChartShape. {% tabs %} {% highlight c# %} @@ -665,11 +665,11 @@ GraphicCommitCellInfoEventArgs This event is similar to the CommittedCellInfo event in GridModel. The changes made in the graphic cell will be saved by the GraphicCommittedCellInfo event. -### Adding Graphic Cell to the Grid Control +### Adding Graphic Cell to the Excel-like Grid -To add the graphic cell to the Grid control, you have to create the instance for GraphicCellSpanInfo and add that object to the GraphicCells collection in the GraphicModel. For the GraphicCellSpanInfo constructor you have to pass the row index and column index (which will decide the starting point of the graphic cell) along with the height and width of the graphic cell. +To add the graphic cell to the Excel-like Grid, you have to create the instance for GraphicCellSpanInfo and add that object to the GraphicCells collection in the GraphicModel. For the GraphicCellSpanInfo constructor you have to pass the row index and column index (which will decide the starting point of the graphic cell) along with the height and width of the graphic cell. -The following code sample demonstrates adding GraphicCell to the Grid control through GraphicModel. +The following code sample demonstrates adding GraphicCell to the Excel-like Grid through GraphicModel. {% tabs %} {% highlight c# %} @@ -678,11 +678,11 @@ this.grid.Model.GraphicModel.GraphicCells.Add(cellspan); {% endhighlight %} {% endtabs %} -![Graphic Cell in WPF GridControl](Celllayout_images/graphic_cell.png) +![Graphic Cell](Celllayout_images/graphic_cell.png) #### Setting Cell Type to the Graphic Cell -After adding the graphic cell to GraphicModel you can see the empty cell over the Grid control in the specified position. Now you have set the CellType, CellValue, and other style information by accessing the GraphicStyleInfo from GraphicModel. You can get the graphic cell style from the GraphicModel by passing the row and column index. Then by using that style you can set the cell type, cell values and other customization options for the Graphic cell, as shown in the following code sample. +After adding the graphic cell to GraphicModel you can see the empty cell over the Excel-like Grid in the specified position. Now you have set the CellType, CellValue, and other style information by accessing the GraphicStyleInfo from GraphicModel. You can get the graphic cell style from the GraphicModel by passing the row and column index. Then by using that style you can set the cell type, cell values and other customization options for the Graphic cell, as shown in the following code sample. {% tabs %} {% highlight c# %} @@ -693,6 +693,6 @@ style.CellValue = bi; {% endhighlight %} {% endtabs %} -![Image Graphic Cell in WPF GridControl](Celllayout_images/graphic_cell_with_image.png) +![Image Graphic Cell](Celllayout_images/graphic_cell_with_image.png) If you do not set the offset value in the GraphicCellSpanInfo object, the control inside the graphic cells will be loaded in the starting position of the row and column index. By setting the offset value in the GraphicCellSpanInfo you can place the control anywhere in the cell. diff --git a/wpf/GridControl/Cell-Types.md b/wpf/GridControl/Cell-Types.md index d57d00ee0..44489050c 100644 --- a/wpf/GridControl/Cell-Types.md +++ b/wpf/GridControl/Cell-Types.md @@ -9,7 +9,7 @@ documentation: ug # Cell Types in WPF Excel-like Grid -Essential® Grid allows the inclusion of some special controls in the grid cells. This greatly improves the usability and appearance of the grid control. This attribute of a grid cell is referred to as its Cell Type. This section lists out various cell controls that can be placed inside the grid cells. Essential® Grid currently supports 20+ cell types. It also provides support to create and use custom cell types. +Essential® Grid allows the inclusion of some special controls in the grid cells. This greatly improves the usability and appearance of the Excel-like Grid. This attribute of a grid cell is referred to as its Cell Type. This section lists out various cell controls that can be placed inside the grid cells. Essential® Grid currently supports 20+ cell types. It also provides support to create and use custom cell types. Following is the list of built-in cell types: @@ -183,7 +183,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs Likewise, you can also add other controls from the table above. A sample output is displayed below. -![Checkbox cell type in WPF GridControl](Cell-Types_images/Cell-Types_img1.jpeg) +![Checkbox cell type](Cell-Types_images/Cell-Types_img1.jpeg) ## Button cell type @@ -327,7 +327,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Editable Combo Box using ChoiceList in WPF GridControl](Cell-Types_images/Cell-Types_img2.jpeg) +![Editable Combo Box using ChoiceList](Cell-Types_images/Cell-Types_img2.jpeg) **Setting Up Autocomplete ComboBox** @@ -353,7 +353,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Autocomplete Combo box using ChoiceList in WPF GridControl](Cell-Types_images/Cell-Types_img3.jpeg) +![Autocomplete Combo box using ChoiceList](Cell-Types_images/Cell-Types_img3.jpeg) **Setting Up Exclusive ComboBox** @@ -379,7 +379,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Exclusive Combo box using ChoiceList in WPF GridControl](Cell-Types_images/Cell-Types_img4.jpeg) +![Exclusive Combo box using ChoiceList](Cell-Types_images/Cell-Types_img4.jpeg) ### Using ItemsSource @@ -398,7 +398,7 @@ combo1.DropDownStyle = GridDropDownStyle.Editable; {% endtabs %} -![Editable Combo box using ItemsSource in WPF GridControl](Cell-Types_images/Cell-Types_img5.jpeg) +![Editable Combo box using ItemsSource](Cell-Types_images/Cell-Types_img5.jpeg) Setting Up an Autocomplete Combo Box @@ -415,7 +415,7 @@ combo2.ValueMember = "EmployeeID"; {% endtabs %} -![Autocomplete Combo box using ItemsSource in WPF GridControl](Cell-Types_images/Cell-Types_img6.jpeg) +![Autocomplete Combo box using ItemsSource](Cell-Types_images/Cell-Types_img6.jpeg) Setting Up an Exclusive Combo Box @@ -429,7 +429,7 @@ combo3.DropDownStyle = GridDropDownStyle.Exclusive; {% endhighlight %} {% endtabs %} -![Exclusive Combo box using ItemsSource in WPF GridControl](Cell-Types_images/Cell-Types_img7.jpeg) +![Exclusive Combo box using ItemsSource](Cell-Types_images/Cell-Types_img7.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/ComboBoxCell) @@ -459,7 +459,7 @@ dropdown1.DropDownStyle = GridDropDownStyle.Editable; {% endtabs %} -![Editable Drop-down List Control in WPF GridControl](Cell-Types_images/Cell-Types_img8.jpeg) +![Editable Drop-down List Control](Cell-Types_images/Cell-Types_img8.jpeg) Autocomplete Drop-down List Bound to LINQ source with ‘FirstName’ as its Display Member and ‘EmployeeID’ as its ValueMember. @@ -481,7 +481,7 @@ dropdown2.DropDownStyle = GridDropDownStyle.AutoComplete; {% endhighlight %} {% endtabs %} -![Autocomplete Drop-down List Control in WPF GridControl](Cell-Types_images/Cell-Types_img9.jpeg) +![Autocomplete Drop-down List Control](Cell-Types_images/Cell-Types_img9.jpeg) Exclusive Drop-down List Bound to LINQ Source with FirstName as its DisplayMember. @@ -502,7 +502,7 @@ dropdown3.DropDownStyle = GridDropDownStyle.Exclusive; {% endhighlight %} {% endtabs %} -![Exclusive Drop-down List Control in WPF GridControl](Cell-Types_images/Cell-Types_img10.jpeg) +![Exclusive Drop-down List Control](Cell-Types_images/Cell-Types_img10.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/ComboBoxCell) @@ -636,7 +636,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Datetime celltype in WPF GridControl](Cell-Types_images/Cell-Types_img14.jpeg) +![Datetime celltype](Cell-Types_images/Cell-Types_img14.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/DateTimeCell/View) @@ -724,7 +724,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Integeredit celltype in WPF GridControl](Cell-Types_images/Cell-Types_img16.jpeg) +![Integeredit celltype](Cell-Types_images/Cell-Types_img16.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/IntegerEditCell) @@ -852,7 +852,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Doubleedit celltype in WPF GridControl](Cell-Types_images/Cell-Types_img15.jpeg) +![Doubleedit celltype](Cell-Types_images/Cell-Types_img15.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/DoubleEditCell) @@ -937,7 +937,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Currency celltype in WPF GridControl](Cell-Types_images/Cell-Types_img11.jpeg) +![Currency celltype](Cell-Types_images/Cell-Types_img11.jpeg) Currency Cell with a Negative Currency Value and a Different Negative Pattern @@ -981,7 +981,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Currency value with nagative pattern in WPF GridControl](Cell-Types_images/Cell-Types_img12.jpeg) +![Currency value with nagative pattern](Cell-Types_images/Cell-Types_img12.jpeg) Currency Cell with a Positive Currency Value with ‘.’ as the Decimal Separator and ‘$’ as Currency Symbol @@ -1023,7 +1023,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Currency Cell with a Positive Value in WPF GridControl](Cell-Types_images/Cell-Types_img13.jpeg) +![Currency Cell with a Positive Value](Cell-Types_images/Cell-Types_img13.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/CurrencyCell) @@ -1131,7 +1131,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Percentedit celltype in WPF GridControl](Cell-Types_images/Cell-Types_img18.jpeg) +![Percentedit celltype](Cell-Types_images/Cell-Types_img18.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/PercentEditCell) @@ -1188,7 +1188,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Maskedit celltype in WPF GridControl](Cell-Types_images/Cell-Types_img17.jpeg) +![Maskedit celltype](Cell-Types_images/Cell-Types_img17.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/MaskEditCell) @@ -1315,7 +1315,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endhighlight %} {% endtabs %} -![Updownedit celltype in WPF GridControl](Cell-Types_images/Cell-Types_img20.jpeg) +![Updownedit celltype](Cell-Types_images/Cell-Types_img20.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/UpdownCell) @@ -1362,7 +1362,7 @@ this.grid.Model[rowIndex, colIndex].CellValue = _flowDocument; {% endhighlight %} {% endtabs %} -![Richtextbox celltype in WPF GridControl](Cell-Types_images/Cell-Types_img19.png) +![Richtextbox celltype](Cell-Types_images/Cell-Types_img19.png) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/RichTextBoxCell) @@ -1402,9 +1402,9 @@ N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-dem The Nested grid's can be added inside a row, column or covered range. When you nest a grid inside a covered range you can specify whether the rows or columns derive their state from the parent control. You have multiple independent options for both rows and columns. -The Nested grid cell type of WPF [GridControl](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridControl.html) allows to host the one grid into another grid control. When you scroll within the parent grid, the nested grid also scrolls based on the parent grid scroller. +The Nested grid cell type of WPF [Excel-like Grid](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridControl.html) allows to host the one grid into another Excel-like Grid. When you scroll within the parent grid, the nested grid also scrolls based on the parent grid scroller. -You can add the nested grids within the other grid control by the following ways. +You can add the nested grids within the other Excel-like Grid by the following ways. * Nested grid inside a row or column * Multiple nested grid inside a covered range with its rows using row layout @@ -1457,7 +1457,7 @@ gridControl.CoveredCells.Add(new Syncfusion.Windows.Controls.Cells.CoveredCellIn {% endtabs %} -![Nestedgrid in WPF GridControl](Cell-Types_images/wpf-gridcontrol-nestedgrid.png) +![Nestedgrid](Cell-Types_images/wpf-gridcontrol-nestedgrid.png) N> Similarly, you can also create a nested grid inside a whole column. @@ -1673,7 +1673,7 @@ private GridModel GetThirdNestedGridWithSharedRowsModel() {% endtabs %} -![Nested grid rows tied to the parent grid rows in WPF GridControl](Cell-Types_images/wpf-gridcontrol-nestedgrid-rows.png) +![Nested grid rows tied to the parent grid rows](Cell-Types_images/wpf-gridcontrol-nestedgrid-rows.png) ### Multiple nested grid inside a covered range with its columns using column layout @@ -1834,7 +1834,7 @@ private GridModel GetSecondNestedGridWithSharedColumnssModel() {% endtabs %} -![Nested grid columns tied to the parent grid columns in WPF GridControl](Cell-Types_images/wpf-gridcontrol-nestedgrid-columns.png) +![Nested grid columns tied to the parent grid columns](Cell-Types_images/wpf-gridcontrol-nestedgrid-columns.png) ### Nested grid inside a covered with its rows and columns independent of parent grid @@ -1884,7 +1884,7 @@ gridControl.CoveredCells.Add(new CoveredCellInfo(3, 2, 5, 4)); {% endtabs %} -![Nested grid rows and columns independent of parent grid in WPF GridControl](Cell-Types_images/wpf-gridcontrol-nestedgrid-rows-and-columns.png) +![Nested grid rows and columns independent of parent grid](Cell-Types_images/wpf-gridcontrol-nestedgrid-rows-and-columns.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/nestedgird-in-wpf-girdcontrol) @@ -2036,7 +2036,7 @@ dropdown1.DropDownStyle = GridDropDownStyle.Editable; {% endhighlight %} {% endtabs %} -![Cutom drop-down in WPF GridControl](Cell-Types_images/Cell-Types_img26.jpeg) +![Cutom drop-down](Cell-Types_images/Cell-Types_img26.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/CustomDropDown) @@ -2155,7 +2155,7 @@ void Model_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Grid.GridQue {% endtabs %} -![Data template with cell template assigned in WPF GridControl](Cell-Types_images/Cell-Types_img27.jpeg) +![Data template with cell template assigned](Cell-Types_images/Cell-Types_img27.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Cell%20Types/DataTemplateCell) @@ -2287,7 +2287,7 @@ grid.Model[10, 2].CellValue = myFlowDocument; {% endtabs %} -![Richtextbox celltype in WPF GridControl](Cell-Types_images/Cell-Types_img28.jpeg) +![Richtextbox celltype](Cell-Types_images/Cell-Types_img28.jpeg) ### Chart Cells @@ -2380,7 +2380,7 @@ grid.Model.RowHeights[2] = 400d; {% endcapture %} {{ codesnippet2 | OrderList_Indent_Level_1 }} -![Chart cell in WPF GridControl](Cell-Types_images/Cell-Types_img29.jpeg) +![Chart cell](Cell-Types_images/Cell-Types_img29.jpeg) ## Inserting Images into Grid Cells @@ -2428,5 +2428,5 @@ grid.Model[2, 2].ImageIndex = 1; The following output is generated using the code above. -![Text image cell in WPF GridControl](Cell-Types_images/Cell-Types_img30.jpeg) +![Text image cell](Cell-Types_images/Cell-Types_img30.jpeg) diff --git a/wpf/GridControl/Comment-Tip.md b/wpf/GridControl/Comment-Tip.md index 419dbaa6a..a3d1cee89 100644 --- a/wpf/GridControl/Comment-Tip.md +++ b/wpf/GridControl/Comment-Tip.md @@ -26,7 +26,7 @@ grid.Model[1, 2].Comment = grid.Model[1, 0].CellValue + ":\nPopulation rate in " {% endtabs %} -![Comment tip for specific cell in WPF GridControl](Commenttip_images/show-commenttip-specific_cell.png) +![Comment tip for specific cell](Commenttip_images/show-commenttip-specific_cell.png) ## Comment Tip for row and column @@ -46,7 +46,7 @@ grid.Model.ColStyles[2].Comment = "Hello"; {% endtabs %} -![Comment tip for specific row and column in WPF GridControl](Commenttip_images/Show-commenttip-rowcolumn.png) +![Comment tip for specific row and column](Commenttip_images/Show-commenttip-rowcolumn.png) An another way to set the comment tip for specific row and column, @@ -72,7 +72,7 @@ for (int i = 1; i < 4; i++) {% endtabs %} -![CommentTip for specific row or column in WPF GridControl](Commenttip_images/show-commenttip-column.png) +![CommentTip for specific row or column](Commenttip_images/show-commenttip-column.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-CommentTip/tree/master/commenttip_simple) @@ -122,7 +122,7 @@ for (int i = 1; i < 4; i++) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-CommentTip/tree/master/commenttip) -![Change the comment indicator position in WPF GridControl](Commenttip_images/show-commenttip-indicatorposition.png) +![Change the comment indicator position](Commenttip_images/show-commenttip-indicatorposition.png) N> Similarly, You can also set the comment indicator at bottom position for any cell or row or column by setting the [BottomLeftComment](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridCommentStyleInfo.html#Syncfusion_Windows_Controls_Grid_GridCommentStyleInfo_BottomLeftComment) and [BottomRightComment](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridCommentStyleInfo.html#Syncfusion_Windows_Controls_Grid_GridCommentStyleInfo_BottomRightComment) properties. @@ -164,7 +164,7 @@ private void Model_QueryCellInfo(object sender, GridQueryCellInfoEventArgs e) {% endtabs %} -![CommentTip for row and column using QueryCellInfo in WPF GridControl](Commenttip_images/show-commenttip-row_column.png) +![CommentTip for row and column using QueryCellInfo](Commenttip_images/show-commenttip-row_column.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-CommentTip/tree/master/commenttip_using_querycellinfo) @@ -191,7 +191,7 @@ private void Grid_CellCommentOpening(object sender, GridCellCommentOpeningEventA {% endtabs %} -![Change the comment tip at run time in WPF GridControl](Commenttip_images/show-commenttip-openingevent.png) +![Change the comment tip at run time](Commenttip_images/show-commenttip-openingevent.png) ## Customize the CommentTip @@ -234,7 +234,7 @@ grid.Model[1, 2].GridCommentStyleInfo.TopLeftCommentTemplateKey = "TopLeftCommen {% endtabs %} -![Customize the comment tip window in WPF GridControl](Commenttip_images/show-commenttip-window.png) +![Customize the comment tip window](Commenttip_images/show-commenttip-window.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-CommentTip/tree/master/commenttip_customization) diff --git a/wpf/GridControl/Editing.md b/wpf/GridControl/Editing.md index 6290c3416..9b4ad7255 100644 --- a/wpf/GridControl/Editing.md +++ b/wpf/GridControl/Editing.md @@ -9,7 +9,7 @@ documentation: ug # Editing in WPF Excel-like Grid -This section explains the clipboard and undo redo support of Grid control. +This section explains the clipboard and undo redo support of Excel-like Grid. * Clipboard Support - Elaborates on different clipboard operations * Undo or Redo support - Grid supports undo or redo operation to those achieved with Microsoft Office-type applications. @@ -54,7 +54,7 @@ gridControl.Model.Options.CopyPasteOption |= CopyPaste.PasteText; {% endhighlight %} {% endtabs %} -![Pasting the grid data in notepad in WPF GridControl](Editing_images/paste_in_notepad.jpeg) +![Pasting the grid data in notepad](Editing_images/paste_in_notepad.jpeg) ### Text Data Exchange @@ -75,7 +75,7 @@ gridControl.Model.TextDataExchange.TabDelimiter = ","; {% endhighlight %} {% endtabs %} -![Pasting the grid data in CSV format in WPF GridControl](Editing_images/paste_in_csv.jpeg) +![Pasting the grid data in CSV format](Editing_images/paste_in_csv.jpeg) ### CopyTextToBuffer() Method @@ -235,7 +235,7 @@ public void Copy(GridCellData gridData, GridRangeInfoList rangeList) {% endhighlight %} {% endtabs %} -The next step is to attach the above custom copy and paste operations to the grid control. +The next step is to attach the above custom copy and paste operations to the Excel-like Grid. {% tabs %} {% highlight c# %} @@ -244,7 +244,7 @@ gridControl.Model.GridCopyPaste = htmlCopy; {% endhighlight %} {% endtabs %} -![Pasting the grid data in HTML format in WPF GridControl](Editing_images/paste_in_html.jpeg) +![Pasting the grid data in HTML format](Editing_images/paste_in_html.jpeg) {% seealso %} @@ -270,7 +270,7 @@ The undo/redo architecture is extensible, thereby allowing users to derive the b Essential® Grid has a GridModelCommandManager class that implements support for the undo/redo commands in the Grid control. Depending upon the grid settings, as a user makes changes to the grid these changes will be tracked in stack structures which will be found in the GridModelCommandManager class. This class has methods that allow you to undo the last action, redo the last undone action, and batch transactions so that a series of actions can be undone or redone in a single step. -The CommandStack property of the GridControl class will return a reference to the GridCommandStack object that is associated with a grid. It is through this property that you can access the undo/redo support in Essential® Grid. For example, you can use the enabled property of the CommandStack to control whether or not the grid supports undo/redo at any given moment. The following code samples show you some CommandStack properties. +The CommandStack property of the Excel-like Grid class will return a reference to the GridCommandStack object that is associated with a grid. It is through this property that you can access the undo/redo support in Essential® Grid. For example, you can use the enabled property of the CommandStack to control whether or not the grid supports undo/redo at any given moment. The following code samples show you some CommandStack properties. {% tabs %} {% highlight c# %} @@ -350,7 +350,7 @@ Me.grid.Model.CommandStack.UndoStack.Rollback() It is also possible to nest transactions. If you are in the middle of a transaction, it is okay to call BeginTrans again. But, when such nested transactions are undone, they are treated as part of a single parent transaction. -![Undo or Redo Stack in WPF GridControl](Editing_images/undo_redo.png) +![Undo or Redo Stack](Editing_images/undo_redo.png) ### Derived Commands @@ -420,7 +420,7 @@ Data Type Enabled -Enable undo/redo support in the Grid Control. +Enable undo/redo support in the Excel-like Grid. CLR Property bool @@ -450,7 +450,7 @@ bool Mode -Indicates the Grid control’s regular operation. +Indicates the Excel-like Grid's regular operation. CLR Property GridCommandMode @@ -519,6 +519,6 @@ N> [View sample in GitHub](https://github.com/syncfusion/wpf-demos/tree/master/g ## See also -[How to exclude header while copying](https://www.syncfusion.com/kb/11194) +[How to exclude header while copying](https://support.syncfusion.com/kb/article/9711/how-to-exclude-header-while-copying-in-wpf-gridcontrol-when-table-is-selected) -[How to invoke CommitCellInfo event](https://www.syncfusion.com/kb/11193) +[How to invoke CommitCellInfo event](https://support.syncfusion.com/kb/article/9744/how-to-invoke-commitcellinfo-event-of-wpf-gridcontrol-when-selecting-an-item-in-dropdown) diff --git a/wpf/GridControl/Events.md b/wpf/GridControl/Events.md index 5af1bd9cf..1c3d33d58 100644 --- a/wpf/GridControl/Events.md +++ b/wpf/GridControl/Events.md @@ -9,7 +9,7 @@ documentation: ug # Events in WPF Excel-like Grid -Grid control declares a number of events that it can raise in response to an activity either by the user or by the system. An Event is a message that is triggered to notify an object or a class of the occurrence of an action. When an event is triggered, all the event handlers are notified. Following are the Grid control events: +The Excel-like Grid declares a number of events that it can raise in response to an activity either by the user or by the system. An Event is a message that is triggered to notify an object or a class of the occurrence of an action. When an event is triggered, all the event handlers are notified. Following are the events: Let us look on each event and its event handler in detail in the following topics. @@ -110,7 +110,7 @@ The following output is generated using the code above. -![QueryCellInfo and CommitCellInfo in WPF GridControl](Events_images/Events_img1.jpeg) +![QueryCellInfo and CommitCellInfo](Events_images/Events_img1.jpeg) ## QueryBaseStyles @@ -177,7 +177,7 @@ this.grid.QueryBaseStyles += new GridQueryBaseStylesEventHandler(grid_QueryBaseS The following output is generated using the code above. -![QueryBaseStyles event in WPF GridControl](Events_images/Events_img2.jpeg) +![QueryBaseStyles event](Events_images/Events_img2.jpeg) ## QueryCoveredRange @@ -236,7 +236,7 @@ void grid_QueryCoveredRange(object sender, GridQueryBaseStylesEventArgs e) The following output is generated using the code above. -![QueryCoveredRange event in WPF GridControl](Events_images/Events_img3.jpeg) +![QueryCoveredRange event](Events_images/Events_img3.jpeg) ## QueryCellSpanBackgrounds @@ -293,7 +293,7 @@ void grid_QueryCellSpanBackgrounds(object sender, GridQueryCellSpanBackgroundsEv The following output is generated using the code above. -![QueryCellSpanBackgrounds event in WPF GridControl](Events_images/Events_img4.jpeg) +![QueryCellSpanBackgrounds event](Events_images/Events_img4.jpeg) ## ResizingRows and ResizingColumns @@ -1007,7 +1007,7 @@ void grid_CellButtonClick(object sender, GridCellButtonClickEventArgs e) The following output is generated using the code above. -![CellButtonClick in WPF GridControl](Events_images/Events_img5.jpeg) +![CellButtonClick](Events_images/Events_img5.jpeg) ## CellClick @@ -1040,7 +1040,7 @@ The following output is generated using the code above. -![CellClick event in WPF GridControl](Events_images/Events_img6.jpeg) +![CellClick event](Events_images/Events_img6.jpeg) ## Cell Mouse Events @@ -1098,17 +1098,17 @@ void grid_CellMouseDown(object sender, GridCellMouseControllerEventArgs args) The following outputs are generated using the code above. -![MouseUp event in WPF GridControl](Events_images/Events_img7.jpeg) +![MouseUp event](Events_images/Events_img7.jpeg) -![MouseMove event in WPF GridControl](Events_images/Events_img8.jpeg) +![MouseMove event](Events_images/Events_img8.jpeg) -![MouseHover event in WPF GridControl](Events_images/Events_img9.jpeg) +![MouseHover event](Events_images/Events_img9.jpeg) -![MouseDown event in WPF GridControl](Events_images/Events_img10.jpeg) +![MouseDown event](Events_images/Events_img10.jpeg) ## CurrentCellActivating diff --git a/wpf/GridControl/Export-to-Excel.md b/wpf/GridControl/Export-to-Excel.md index 5d0788cbc..38b750f60 100644 --- a/wpf/GridControl/Export-to-Excel.md +++ b/wpf/GridControl/Export-to-Excel.md @@ -9,11 +9,11 @@ documentation: ug # Export To Excel in WPF Excel-like Grid -This section explains about Exporting to Excel and its features of WPF GridControl +This section explains about Exporting to Excel and its features of WPF Excel-like Grid ## Exporting to Excel -The GridExcelConverter class provides support for exporting data from a Grid control to an Excel spreadsheet for verification and/or computation. This control copies the Grid's styles and formats to Excel automatically. The GridExcelConverter class is derived from GridExcelConverterBase. The XlsIO libraries are used to support the conversion of the grid contents to Excel. Following assembly files must be added along with the default assembly files in the reference folder: +The GridExcelConverter class provides support for exporting data from a Excel-like Grid to an Excel spreadsheet for verification and/or computation. This control copies the Grid's styles and formats to Excel automatically. The GridExcelConverter class is derived from GridExcelConverterBase. The XlsIO libraries are used to support the conversion of the grid contents to Excel. Following assembly files must be added along with the default assembly files in the reference folder: * Syncfusion.XlsIO.Base * Syncfusion.XlsIO.WPF @@ -21,7 +21,7 @@ The GridExcelConverter class provides support for exporting data from a Grid con ### Features -There are three options for exporting a Grid control: +There are three options for exporting a Excel-like Grid: * Converting the entire content of a grid * Converting a selected content of the grid @@ -45,12 +45,12 @@ gridControl.Model.ExportToExcel(@"Sample.xlsx", ExcelVersion.Excel2007); {% endhighlight %} {% endtabs %} -![Convert an entire content of data to excel sheet in WPF GridControl](Export-Options_images/Export-Options_img1.jpeg) +![Convert an entire content of data to excel sheet](Export-Options_images/Export-Options_img1.jpeg) -![Convert an entire content of data to excel sheet in WPF GridControl](Export-Options_images/Export-Options_img2.jpeg) +![Convert an entire content of data to excel sheet](Export-Options_images/Export-Options_img2.jpeg) -The images above show how the entire content of the Grid control is exported to an Excel spreadsheet. +The images above show how the entire content of the Excel-like Grid is exported to an Excel spreadsheet. ### Selected Content @@ -58,7 +58,7 @@ You can convert a selected content of the grid to the specified range in an Exce #### Use-Case Scenario -Consider that you have a chart in a spreadsheet in the range [A1:I19] and you wish to populate a part of the Spreadsheet starting from E21, with the selected cell data of Grid control. You can use the following code, to achieve the scenario above mentioned: +Consider that you have a chart in a spreadsheet in the range [A1:I19] and you wish to populate a part of the Spreadsheet starting from E21, with the selected cell data of Excel-like Grid. You can use the following code, to achieve the scenario above mentioned: {% tabs %} {% highlight c# %} @@ -99,7 +99,7 @@ gridControl.Model.ExportToExcel(range, mySheet, excelRange, @"Sample2.xls", Exce -The above images shows how a part of the Grid control is exported to a specific range on an Excel Spreadsheet. +The above images shows how a part of the Excel-like Grid is exported to a specific range on an Excel Spreadsheet. ### Using the Excel Engine (XlsIO) @@ -119,7 +119,7 @@ gridControl.Model.ExportToExcel(range, excelEngine, 0, mySheet.Range[5,5], @"Sam ![Select the specific range in excel sheet](Export-Options_images/Export-Options_img5.jpeg) -![Select the specific range of WPF GridControl export to specific range on excel sheet](Export-Options_images/Export-Options_img6.jpeg) +![Select the specific range of export to specific range on excel sheet](Export-Options_images/Export-Options_img6.jpeg) @@ -127,7 +127,7 @@ N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-dem ## Exporting to CSV -The ExportToCSV method of the GridModelExportExtensions class enables a grid control to be easily exported to CSV format. +The ExportToCSV method of the GridModelExportExtensions class enables a Excel-like Grid to be easily exported to CSV format. To enable exporting, the following .dll files must be added along with the default .dll files in the reference folder: @@ -139,14 +139,14 @@ To enable exporting, the following .dll files must be added along with the defau ### Export Options -There are two options for exporting a grid control: +There are two options for exporting a Excel-like Grid: 1. Export Whole Grid – which exports an entire grid to CSV format. 2. Export Selected Range – which exports only a selected range to CSV format. ### Export Whole Grid -You can convert the entire content of a grid control to a CSV file by using the following code: +You can convert the entire content of a Excel-like Grid to a CSV file by using the following code: {% tabs %} {% highlight c# %} @@ -161,12 +161,12 @@ When the code runs, the following output displays. -![Before export the whole grid to CSV format in WPF GridControl](Export-Options_images/Export-Options_img7.jpeg) +![Before export the whole grid to CSV format](Export-Options_images/Export-Options_img7.jpeg) When you are ready to export the entire grid, click Export Whole Grid; the grid content will then be converted to CSV format. -![After export the whole grid to CSV format in WPF GridControl](Export-Options_images/Export-Options_img8.jpeg) +![After export the whole grid to CSV format](Export-Options_images/Export-Options_img8.jpeg) @@ -194,9 +194,9 @@ End If When the code runs, the following output displays. -![Before export the selected range in grid to CSV format in WPF GridControl](Export-Options_images/Export-Options_img9.jpeg) +![Before export the selected range in grid to CSV format](Export-Options_images/Export-Options_img9.jpeg) To export a selection, highlight the portion of the grid you want to export, and then click Export Selected Range; the selected grid content will then be exported to a CSV file. -![After export the selected range in grid to CSV format in WPF GridControl](Export-Options_images/Export-Options_img10.jpeg) +![After export the selected range in grid to CSV format](Export-Options_images/Export-Options_img10.jpeg) diff --git a/wpf/GridControl/Formula-Cells.md b/wpf/GridControl/Formula-Cells.md index 26a4ad396..fa4a655ee 100644 --- a/wpf/GridControl/Formula-Cells.md +++ b/wpf/GridControl/Formula-Cells.md @@ -255,7 +255,7 @@ cellModel.Engine.AddFunction("SumPosNums", New GridFormulaEngine.LibraryFunction ## Function Reference Section -The Syncfusion® Grid control supports 370 formulas under various categories including math, statistical, logical, engineering, information, date, time, text, web, financial, lookup, and database functions. +The Syncfusion® Excel-like Grid supports 370 formulas under various categories including math, statistical, logical, engineering, information, date, time, text, web, financial, lookup, and database functions. ### Math & Trigonometry functions diff --git a/wpf/GridControl/Getting-Started.md b/wpf/GridControl/Getting-Started.md index 9127c9e55..cb9761586 100644 --- a/wpf/GridControl/Getting-Started.md +++ b/wpf/GridControl/Getting-Started.md @@ -15,39 +15,39 @@ Syncfusion® WPF suite comes up with a package of powerful grid contr The Essential Studio® for WPF is comprised of following three types of grid controls: -* [Grid Control](https://www.syncfusion.com/wpf-controls/excel-like-grid) +* [Excel-like Grid](https://www.syncfusion.com/wpf-controls/excel-like-grid) * [SfDataGrid](https://www.syncfusion.com/wpf-controls/datagrid) and GridDataControl (classic) * [SfTreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) and GridTreeControl (classic) N> Refer [Choose between different Grid's](https://help.syncfusion.com/wpf/datagrid/overview#choose-between-different-grids) to take closer look at the characteristics of each of these controls. -## Adding the Grid Control to a WPF Application +## Adding the Excel-like Grid to a WPF Application -In this section, we will see how to add the Grid control to a WPF application and load random data. The Grid control can be added to an application through one of the following methods: through a designer or programmatically. +In this section, we will see how to add the Excel-like Grid to a WPF application and load random data. The grid can be added to an application through one of the following methods: through a designer or programmatically. -### Adding the Grid Control through a Designer +### Adding the Excel-like Grid through a Designer -Please follow the steps below to add the Grid control through a designer. +Please follow the steps below to add the Excel-like Grid through a designer. 1. Create new WPF application. 2. Open the Designer window. -3. Drag ScrollViewer from the Toolbox and drop it in the Designer window (Since the Grid control doesn’t have a built-in ScrollViewer, to make the grid flow based on data, the grid should be placed inside the ScrollViewer control. +3. Drag ScrollViewer from the Toolbox and drop it in the Designer window (Since the Excel-like Grid doesn’t have a built-in ScrollViewer, to make the grid flow based on data, the grid should be placed inside the ScrollViewer control. ![WPF Designer](Getting-Started_images/Getting-Started_img6.png) -4. Drag GridControl from the Toolbox and drop it inside the ScrollViewer. +4. Drag the Excel-like Grid from the Toolbox and drop it inside the ScrollViewer. - ![WPF Grid Control](Getting-Started_images/Getting-Started_img7.png) + ![Excel-like Grid in the Toolbox](Getting-Started_images/Getting-Started_img7.png) -5. Once you drag GridControl and drop it in ScrollViewer, the grid control will be added to the designer and its dependent assemblies will be added to the project. +5. Once you drop it in the ScrollViewer, the grid will be added to the designer and its dependent assemblies will be added to the project. - ![Designer after Dropping GridControl](Getting-Started_images/Getting-Started_img8.png) + ![Designer after dropping](Getting-Started_images/Getting-Started_img8.png) -### Programmatically Adding the Grid Control +### Programmatically Adding the Excel-like Grid -Instead of adding it through a designer such a Visual Studio, you can add the Grid control programmatically. +Instead of adding it through a designer such a Visual Studio, you can add the Excel-like Grid programmatically. 1. Create a new WPF application. @@ -57,7 +57,7 @@ Instead of adding it through a designer such a Visual Studio, you can add the Gr * Syncfusion.GridCommon.Wpf.dll * Syncfusion.Shared.Wpf.dll - ![WPF Grid Control Assembly References](Getting-Started_images/Getting-Started_img9.png) + ![Assembly References](Getting-Started_images/Getting-Started_img9.png) 3. Name the root Grid as layoutRoot in the application’s XAML page. @@ -78,7 +78,7 @@ Instead of adding it through a designer such a Visual Studio, you can add the Gr        4. Create ScrollViewer and GridControl in code. -5. To add the grid to the view, add GridControl as content of ScrollViewer and then add the ScrollViewer as a child of layoutRoot (Grid). +5. To add the grid to the view, add Excel-like Grid as content of ScrollViewer and then add the ScrollViewer as a child of layoutRoot (Grid). {% capture codesnippet2 %} {% tabs %} @@ -87,7 +87,7 @@ Instead of adding it through a designer such a Visual Studio, you can add the Gr ScrollViewer ScrollViewer = new ScrollViewer(); //GridControl defined here GridControl gridControl = new GridControl(); -//GridControl set as the content of the ScrollViewer +//Excel-like Grid set as the content of the ScrollViewer ScrollViewer.Content = gridControl;      //To bring the Grid control to the view, ScrollViewer should be set as a child of LayoutRoot       this.layoutRoot.Children.Add(ScrollViewer);            @@ -96,11 +96,11 @@ this.layoutRoot.Children.Add(ScrollViewer);            {% endcapture %} {{ codesnippet2 | OrderList_Indent_Level_1 }} -## Populating the Grid control with Data +## Populating the Excel-like Grid with Data -The Grid control is a cell-based control, so to populate it, RowCount and ColumnCount are mandatory. Once ColumnCount and RowCount are specified, data can be populated by using one of the following methods. +The Excel-like Grid is a cell-based control, so to populate it, RowCount and ColumnCount are mandatory. Once ColumnCount and RowCount are specified, data can be populated by using one of the following methods. -1. You can populate data by looping through the cells in the Grid control. The following code explains this scenario. +1. You can populate data by looping through the cells. The following code explains this scenario. {% capture codesnippet3 %} {% tabs %} @@ -123,7 +123,7 @@ for (int i = 0; i < 100; i++) {{ codesnippet3 | OrderList_Indent_Level_1 }} -2. You can populate data by handling the QueryCellInfo event of gridControl. This will load the data in and on-demand basis, ensuring optimized performance. +2. You can populate data by handling the QueryCellInfo event of Excel-like Grid. This will load the data in and on-demand basis, ensuring optimized performance. {% capture codesnippet4 %} {% tabs %} @@ -146,7 +146,7 @@ void gridControl_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Gri 3.Now, run the application. The grid will appear as follows. -![WPF Grid Control](Getting-Started_images/Getting-Started_img10.png) +![Initialized grid](Getting-Started_images/Getting-Started_img10.png) diff --git a/wpf/GridControl/Import-from-Excel.md b/wpf/GridControl/Import-from-Excel.md index 57a271158..fbebd2276 100644 --- a/wpf/GridControl/Import-from-Excel.md +++ b/wpf/GridControl/Import-from-Excel.md @@ -19,7 +19,7 @@ Essential® Grid WPF provides an in-built support for Excel Importing * Improving Performance—Excel Importing feature supports the virtualization. By using this you can optimize the performance. * Run-time Features—Imports the comments from the excel worksheet to GridControl. -The following assemblies are needs to be added for importing the Excel to GridControl. +The following assemblies are needs to be added for importing the Excel to Excel-like Grid. * Syncfusion.GridConverter.WPF * Syncfusion.XlsIO.Base @@ -117,7 +117,7 @@ NA ImportFromExcelToVirtualGrid -this method imports the entire workbook styles to the virtual GridControl +this method imports the entire workbook styles to the virtual Excel-like Grid ImportFromExcelToVirtualGrid (IWorkbook book) GridModel[] @@ -125,7 +125,7 @@ NA ImportFromExcelToVirtualGrid -this method imports the entire workbook styles to the virtual GridControl With the importing event handler. +this method imports the entire workbook styles to the virtual Excel-like Grid With the importing event handler. ImportFromExcelToVirtualGrid (IWorkbook book, GridCellImportFromExcelHandler importhandler) GridModel[] @@ -133,7 +133,7 @@ NA ConvertExcelRangeToVirtualGrid -this method imports a particular range of cells to the virtual GridControl +this method imports a particular range of cells to the virtual Excel-like Grid ConvertExcelRangeToVirtualGrid(GridStyleInfo cell,IWorksheet sheet,IRange excelRange, GridCellImportFromExcelHandler importhandler) void @@ -163,9 +163,9 @@ NA ## Adding Excel Importing to an Application -You can Import the entire Excel Spreadsheet to a GridControl. You can also import the Excel97to2003 and Excel2007to2010 formats +You can Import the entire Excel Spreadsheet to a Excel-like Grid. You can also import the Excel97to2003 and Excel2007to2010 formats -In order to import the single sheet to grid control, open the file and pass this file as stream to the ImportFromExcel method as illustrated in the following code snippet: +In order to import the single sheet to Excel-like Grid, open the file and pass this file as stream to the ImportFromExcel method as illustrated in the following code snippet: {% tabs %} {% highlight c# %} @@ -178,9 +178,9 @@ this.gridControl.Model.ImportFromExcel(new MemoryStream(file)); {% endtabs %} -### Importing the entire workbook to a GridControl +### Importing the entire workbook to a Excel-like Grid -To import the entire workbook to a GridControl, initially you have to open the workbook by using the XlsIO library as shown in the following code snippet: +To import the entire workbook to a Excel-like Grid, initially you have to open the workbook by using the XlsIO library as shown in the following code snippet: {% tabs %} {% highlight c# %} @@ -206,9 +206,9 @@ GridModel[] modelCollection = GridModelImportExtensions.ImportFromExcel(workBook {% endhighlight %} {% endtabs %} -### Importing the entire workbook to a virtual GridControl +### Importing the entire workbook to a virtual Excel-like Grid -To import the entire workbook to a virtual GridControl, initially you have to open the workbook by using the XlsIO library as shown in the following code snippet. +To import the entire workbook to a virtual Excel-like Grid, initially you have to open the workbook by using the XlsIO library as shown in the following code snippet. {% tabs %} {% highlight c# %} @@ -267,7 +267,7 @@ gridModel.Data[e.Cell.RowIndex, e.Cell.ColumnIndex] = e.Style.Store; ### Change the CellType while importing the Workbook? -You can also change the cell type and other styles while importing the workbook to GridControl, for that you have to pass the delegate handler in the importing method as shown in the following code snippet. +You can also change the cell type and other styles while importing the workbook to Excel-like Grid, for that you have to pass the delegate handler in the importing method as shown in the following code snippet. {% tabs %} {% highlight c# %} @@ -295,7 +295,7 @@ e.Handled = true; {% endhighlight %} {% endtabs %} -### Enable the ExcelLikeFrozen Row and Column in a GridControl +### Enable the ExcelLikeFrozen Row and Column in a Excel-like Grid To enable the thick borders to indicate the Excel like freeze panes, you have to set the ExcelLikeFreezePane property as true as show in the following code snippet. @@ -305,7 +305,7 @@ grid.Model.Options.ExcelLikeFreezePane = true; {% endhighlight %} {% endtabs %} -### Enable the comment service in GridControl +### Enable the comment service in Excel-like Grid To enable the comment service you have to set the attached property show comment service as true as shown in the following code snippet. diff --git a/wpf/GridControl/Input-Message-Tip.md b/wpf/GridControl/Input-Message-Tip.md index 66b5ffa00..5a4b3e38b 100644 --- a/wpf/GridControl/Input-Message-Tip.md +++ b/wpf/GridControl/Input-Message-Tip.md @@ -35,7 +35,7 @@ grid.Model[1, 2].ShowDataValidationTooltip = true; {% endtabs %} -![Input message tip for specific cell in WPF GridControl](Inputmessagetip_images/input-message-tip-cell.png) +![Input message tip for specific cell](Inputmessagetip_images/input-message-tip-cell.png) ## Input Message Tip for row and column @@ -57,7 +57,7 @@ grid.Model.ColStyles[1].ShowDataValidationTooltip = true; {% endtabs %} -![Input message tip for specific row and column in WPF GridControl](Inputmessagetip_images/input-messagetip-rowcolumn.png) +![Input message tip for specific row and column](Inputmessagetip_images/input-messagetip-rowcolumn.png) An another way to set the input message tip for specific row and column. @@ -85,7 +85,7 @@ for (int i = 1; i <= 4; i++) {% endtabs %} -![Input message tip for specific row and column in WPF GridControl](Inputmessagetip_images/input-messagetip-row-and-column.png) +![Input message tip for specific row and column](Inputmessagetip_images/input-messagetip-row-and-column.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-gridcontrol-input-message) @@ -118,7 +118,7 @@ private void Grid_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Grid. {% endtabs %} -![Input message tip for specific cell or row or column in WPF GridControl](Inputmessagetip_images/input-messagetip-in-querycellinfo.png) +![Input message tip for specific cell or row or column](Inputmessagetip_images/input-messagetip-in-querycellinfo.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-gridcontrol-input-message) @@ -138,7 +138,7 @@ grid.Model[1, 2].ShowDataValidationTooltip = false; ## Identify whether cell has Input Message Tip -The [HasShowDataValidationTooltip](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridStyleInfo.html#Syncfusion_Windows_Controls_Grid_GridStyleInfo_HasShowDataValidationTooltip) property is used to identify whether the cell has an input message tip in a cell or row or column in GridControl. You can also highlight the cell or row or column applied to the input message tip. +The [HasShowDataValidationTooltip](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridStyleInfo.html#Syncfusion_Windows_Controls_Grid_GridStyleInfo_HasShowDataValidationTooltip) property is used to identify whether the cell has an input message tip in a cell or row or column in Excel-like Grid. You can also highlight the cell or row or column applied to the input message tip. {% tabs %} @@ -161,7 +161,7 @@ private void Grid_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Grid. {% endtabs %} -![Highlight the row applied to input message tip in WPF GridControl](Inputmessagetip_images/input-messagetip-highlight.png) +![Highlight the row applied to input message tip](Inputmessagetip_images/input-messagetip-highlight.png) ## Customize the Input Message Tip @@ -204,13 +204,13 @@ private void Grid_QueryCellInfo(object sender, Syncfusion.Windows.Controls.Grid. {% endtabs %} -![Customize the input message tip for WPF GridControl](Inputmessagetip_images/input-messagetip-customization.png) +![Customize the input message tip](Inputmessagetip_images/input-messagetip-customization.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-gridcontrol-input-message) ## Remove the Input Message Tip -The `ResetValue()` method is used to remove the input message tip for specific cell or row or column in GridControl and to reset the input message value to the default values. +The `ResetValue()` method is used to remove the input message tip for specific cell or row or column in Excel-like Grid and to reset the input message value to the default values. {% tabs %} diff --git a/wpf/GridControl/Interactive-Features.md b/wpf/GridControl/Interactive-Features.md index d5110e841..3bdf76415 100644 --- a/wpf/GridControl/Interactive-Features.md +++ b/wpf/GridControl/Interactive-Features.md @@ -9,7 +9,7 @@ documentation: ug # Interactive Features in WPF Excel-like Grid -This section explains the Resizing the columns, Drag and drop the columns and cells of WPF GridControl. +This section explains the Resizing the columns, Drag and drop the columns and cells of WPF Excel-like Grid. ## Drag-and-Drop columns @@ -24,7 +24,7 @@ this.grid.AllowDragColumns = true; The following image illustrates this feature: -![Drag and Drop support in WPF GridControl](Interactive_images/Drag_and_drop.jpeg) +![Drag and Drop support](Interactive_images/Drag_and_drop.jpeg) In the above image, you can see the column header 1 being dragged to be placed before column 3. @@ -112,7 +112,7 @@ This event allows you to provide customized clipboard formats or add supp ## Excel like - Resizing -Essential® Grid control supports Excel like resizing to hide or unhide columns. It also acts as a visual marker to indicate hidden columns. +Essential® Excel-like Grid supports Excel like resizing to hide or unhide columns. It also acts as a visual marker to indicate hidden columns. ### Use Case Scenarios @@ -168,7 +168,7 @@ Me.gridControl.RowHeights.SetHidden(3, 4, False) The following is a sample output of Resizing support implementation. -![Row index and Column index for 3 and 4 are hidden in WPF GridControl](Interactive_images/hide_rows_and_column.png) +![Row index and Column index for 3 and 4 are hidden](Interactive_images/hide_rows_and_column.png) ### Hide and unhide a rows or Columns during run-time. @@ -178,23 +178,23 @@ The following screenshot explains how to hide and unhide a Column. Hover over the header cell’s border line. The cursor will be changed to single bar, as like in the following screenshot. -![Hover on the border line of a header in WPF GridControl](Interactive_images/resize_width_cursor.png) +![Hover on the border line of a header](Interactive_images/resize_width_cursor.png) Drag it to Column 2 so that the Border color changes as like in the following screenshot. -![After dragging and joining the border line to the neighbor cell in WPF GridControl](Interactive_images/border_color.png) +![After dragging and joining the border line to the neighbor cell](Interactive_images/border_color.png) The following image shows the output after hiding the row by Mouse Dragging. -![Output of the hidden column to the neighbor cell in WPF GridControl](Interactive_images/hide_cell.png) +![Output of the hidden column to the neighbor cell](Interactive_images/hide_cell.png) To unhide the hidden row, hover the mouse on the hidden column border line. A double bar cursor will then be displayed as in the following screenshot. -![Hover on the hidden Column the Cursor changes to double bar in WPF GridControl](Interactive_images/hide_column.png) +![Hover on the hidden Column the Cursor changes to double bar](Interactive_images/hide_column.png) Double clicking on it will unhide all the hidden columns in that particular hidden column. -![After double clicking the hidden column it unhide all the hidden Columns in WPF GridControl](Interactive_images/hide_specific_column.png) +![After double clicking the hidden column it unhide all the hidden Columns](Interactive_images/hide_specific_column.png) ### Tables for Properties, Methods, and Events diff --git a/wpf/GridControl/Managing-Rows-and-Columns.md b/wpf/GridControl/Managing-Rows-and-Columns.md index 13e5fdd90..6731dbe3e 100644 --- a/wpf/GridControl/Managing-Rows-and-Columns.md +++ b/wpf/GridControl/Managing-Rows-and-Columns.md @@ -9,13 +9,13 @@ documentation: ug # Managing Rows and Columns in WPF Excel-like Grid -This section explains about Managing the rows and columns of WPF GridControl. +This section explains about Managing the rows and columns of WPF Excel-like Grid. -Each Grid instance is tied to a model, which contains the data represented by the Grid control. The grid model exposes properties that allow the user to manipulate grid rows and columns. +Each Grid instance is tied to a model, which contains the data represented by the Excel-like Grid. The grid model exposes properties that allow the user to manipulate grid rows and columns. ## Rows and columns count -The grid model has RowCount and ColumnCount properties. These can be set to change the number of rows and columns in the grid control, as shown below: +The grid model has RowCount and ColumnCount properties. These can be set to change the number of rows and columns in the Excel-like Grid, as shown below: {% tabs %} {% highlight c# %} @@ -46,7 +46,7 @@ grid.Model.RowHeights[3] = 40; {% endhighlight %} {% endtabs %} -![Setting Row heights and Column widths in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img1.jpeg) +![Setting Row heights and Column widths](Working-with-Grid_images/Working-with-Grid_img1.jpeg) You can also specify the DefaultLineSize setting on ColumnWidths and RowHeights in order to set the default width or height. @@ -89,7 +89,7 @@ grid.Model.ColumnWidths.SetHidden(1010, 10000, false); {% endhighlight %} {% endtabs %} -![Hiding rows and columns in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img2.jpeg) +![Hiding rows and columns](Working-with-Grid_images/Working-with-Grid_img2.jpeg) ## Freeze rows and columns @@ -103,7 +103,7 @@ grid.Model.FrozenColumns = 3; {% endhighlight %} {% endtabs %} -![Frozen rows and columns in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img3.jpeg) +![Frozen rows and columns](Working-with-Grid_images/Working-with-Grid_img3.jpeg) You can also fix rows to the right of the grid and columns to the bottom. Such fixed rows and columns are referred to as Footer rows and Footer columns. The properties FooterRows and FooterColumns determine the number of footer rows and footer columns. The footer row or column can be customized by using the FooterStyle property. @@ -118,7 +118,7 @@ grid.Model.FooterStyle.Background = Brushes.LightCoral; {% endhighlight %} {% endtabs %} -![Footer rows and footer columns in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img4.jpeg) +![Footer rows and footer columns](Working-with-Grid_images/Working-with-Grid_img4.jpeg) ## Header rows and columns @@ -135,16 +135,16 @@ grid.Model.HeaderStyle.Font.FontStyle = FontStyles.Italic; {% endhighlight %} {% endtabs %} -![Header rows and header columns in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img5.jpeg) +![Header rows and header columns](Working-with-Grid_images/Working-with-Grid_img5.jpeg) ## Resize rows and columns Grid allows the user to resize the rows and columns at run time. When this feature is enabled and if you move the mouse over the row or column divider, it will show a resize cursor using which you can resize the row or column to the required level. The following images illustrate the resizing of a column and a row: -![Column Resizing in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img6.jpeg) +![Column Resizing](Working-with-Grid_images/Working-with-Grid_img6.jpeg) -![Row Resizing in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img7.jpeg) +![Row Resizing](Working-with-Grid_images/Working-with-Grid_img7.jpeg) This feature is turned on by default. To disable column or row resizing, you need to detach the corresponding mouse controllers from grid, as shown below: @@ -183,9 +183,9 @@ grid.Model.InsertRows(5, 2); {% endhighlight %} {% endtabs %} -![Inserted new Column at index 2 in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img8.jpeg) +![Inserted new Column at index 2](Working-with-Grid_images/Working-with-Grid_img8.jpeg) -![Inserted new Row at index 7 in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img9.jpeg) +![Inserted new Row at index 7](Working-with-Grid_images/Working-with-Grid_img9.jpeg) N> You can track the moment the rows or columns are inserted by handling the RowsInserted and ColumnsInserted events. @@ -216,7 +216,7 @@ grid.Model.MoveColumns(1, 2, 4); {% endhighlight %} {% endtabs %} -![Moving rows and columns in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img10.jpeg) +![Moving rows and columns](Working-with-Grid_images/Working-with-Grid_img10.jpeg) N> You can track the moment the rows or columns are moved by handling the RowsMoved and ColumnsMoved event. @@ -239,7 +239,7 @@ grid.Model.RemoveColumns(2, 3); {% endhighlight %} {% endtabs %} -![Removing columns 2, 3 and 4 in WPF GridControl](Working-with-Grid_images/Working-with-Grid_img11.jpeg) +![Removing columns 2, 3 and 4](Working-with-Grid_images/Working-with-Grid_img11.jpeg) You can track the moment the rows or columns are inserted by handling the RowsRemoved and ColumnsRemoved events. diff --git a/wpf/GridControl/Overview.md b/wpf/GridControl/Overview.md index 48b66b85f..b07626fdf 100644 --- a/wpf/GridControl/Overview.md +++ b/wpf/GridControl/Overview.md @@ -17,9 +17,9 @@ With this version, our core focus has been on the underlying architecture for di ## Key Features -The Excel like WPF grid control (virtual grid) is a cell-oriented control for displaying tabular data. It does not make any assumptions regarding the structure of the data. +WPF Excel-like Grid (virtual grid) is a cell-oriented control for displaying tabular data. It does not make any assumptions regarding the structure of the data. -Below are key features of WPF Grid Control: +Below are key features of the WPF Excel-like Grid: * Easy APIs to add, delete, or move rows and columns – You can easily add, delete, or move rows and columns throughout the Grid control using its well-defined APIs. * Clipboard Support – Essential® Grid provides excellent clipboard support that allows users to copy and paste grid cell content to text or any format. @@ -44,9 +44,9 @@ Below are key features of WPF Grid Control: This section provides basic information, such as definitions and usage, regarding important features of Essential® Grid. -### Grid Control Features +### Excel-like Grid Features -The Grid control is a cell-based, data-representation control. It can load millions of rows very quickly and is very easy to customize. The following features are just a sampling of what you can expect from Essential® Grid. +The Excel-like Grid is a cell-based, data-representation control. It can load millions of rows very quickly and is very easy to customize. The following features are just a sampling of what you can expect from Essential® Grid. #### Data Population and Virtual Mode @@ -59,9 +59,9 @@ Virtual Grid #### Data Presentation and Formatting -The Grid control supports many cell types to present data. In addition to built-in cell types, any WPF control or any custom control can be placed inside a cell by using a data-template cell. +The Excel-like Grid supports many cell types to present data. In addition to built-in cell types, any WPF control or any custom control can be placed inside a cell by using a data-template cell. -![Various Cell Types of the Grid Control](Overview_images/Overview_img5.png) +![Various Cell Types](Overview_images/Overview_img5.png) #### Appearance @@ -69,14 +69,14 @@ The Grid control’s appearance can be customized very easily. Common style prop ![Common customization of grid cells](Overview_images/Overview_img6.png) -#### Customization Possibilities of the Grid Control +#### Customization Possibilities of the Excel-like Grid -* Excel-Like Behaviors: The Grid control supports most Excel behaviors, including the following: -* Various Cell Support: Cells in the Grid control are very similar to Excel cells. Unique cells such as covered cells and floating cells are supported. -* Formula Support: The Grid control supports Excel-like formulas in each cell. The control comes with an extensive formula function library that supports more than 150 built-in formulas. -* Printing: The Grid control provides built-in support for printing grid content. -* Excel-Like Interactions: The Grid control supports Excel-like user interaction features such as cell range drag-and-drop, auto-fill selections, and visual indicators to show hidden rows and columns. -* Excel-Like Rows and Columns: The Grid control provides various row and column options such as interactive column rearranging with drag-and-drop operations; hiding or displaying a range of rows and columns; resizing row heights and column widths to fit cell content; and options to fix rows and columns to the left, right, top, or bottom of the grid, similar to freezing panes in Excel. +* Excel-Like Behaviors: The grid supports most Excel behaviors, including the following: +* Various Cell Support: Cells in the grid are very similar to Excel cells. Unique cells such as covered cells and floating cells are supported. +* Formula Support: The grid supports Excel-like formulas in each cell. The control comes with an extensive formula function library that supports more than 150 built-in formulas. +* Printing: The grid provides built-in support for printing grid content. +* Excel-Like Interactions: The grid supports Excel-like user interaction features such as cell range drag-and-drop, auto-fill selections, and visual indicators to show hidden rows and columns. +* Excel-Like Rows and Columns: The grid provides various row and column options such as interactive column rearranging with drag-and-drop operations; hiding or displaying a range of rows and columns; resizing row heights and column widths to fit cell content; and options to fix rows and columns to the left, right, top, or bottom of the grid, similar to freezing panes in Excel. * Excel-Like key navigation: * Arrow keys – To move current cell focus. * PageUp/PageDown – To scroll a grid by page. @@ -87,9 +87,9 @@ The Grid control’s appearance can be customized very easily. Common style prop * CTRL+X, CTRL+V, CTRL+C, INSERT & DELETE – For common clipboard operations. * Cell Selection – The Grid control also supports Excel-like cell selection. -![Excel Features of the Grid Control](Overview_images/Overview_img7.png) +![Excel Features](Overview_images/Overview_img7.png) #### Excel Compatibility * Import Options: The import feature allows an Excel workbook to be imported into a grid while preserving the workbook’s look and feel. The following items can be imported: entire spreadsheets, formulas, styles, conditional formats, frozen panes, backgrounds, foregrounds, and comments. -* Export Options: The Grid control provides inherent support for exporting content to Excel files (.xls and .xlsx format) and to .csv files. +* Export Options: The Excel-like Grid provides inherent support for exporting content to Excel files (.xls and .xlsx format) and to .csv files. diff --git a/wpf/GridControl/Performance.md b/wpf/GridControl/Performance.md index 7be57826a..79e0ff269 100644 --- a/wpf/GridControl/Performance.md +++ b/wpf/GridControl/Performance.md @@ -28,7 +28,7 @@ N> Blinking Behavior-You cud see random values get updated frequently and those * When the current cell is active, you can continue editing and modify the contents of the currently active cell even while rows are re-arranged. This is often a requirement in applications that wish to maintain editing compatibility even while processing a large number of updates. -![Trader Grid Test Demo in WPF GridControl](Performance_images/Performance_img1.jpeg) +![Trader Grid Test Demo](Performance_images/Performance_img1.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Performance/TraderGridTest) diff --git a/wpf/GridControl/Printing.md b/wpf/GridControl/Printing.md index bdcb9d292..926e837aa 100644 --- a/wpf/GridControl/Printing.md +++ b/wpf/GridControl/Printing.md @@ -25,7 +25,7 @@ this.grid.ShowPrintDialog(); ### Output -![Print dialog in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img1.jpeg) +![Print dialog](Print-and-Print-Preview_images/Print-and-Print-Preview_img1.jpeg) ## Print Dialog Options @@ -35,7 +35,7 @@ The Print Dialog provides numerous options to configure the output. Clicking the Print button allows the user to send the grid content to the printer for printing. -![Click print button in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img2.jpeg) +![Click print button](Print-and-Print-Preview_images/Print-and-Print-Preview_img2.jpeg) ### Page Size Drop-down @@ -48,7 +48,7 @@ N> The paper sizes are also marked in the following way: For more information, check the following link: [https://learn.microsoft.com/en-us/dotnet/api/system.printing.pagemediasizename?view=windowsdesktop-7.0](https://learn.microsoft.com/en-us/dotnet/api/system.printing.pagemediasizename?view=windowsdesktop-7.0) -![Page size drop down in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img3.jpeg) +![Page size drop down](Print-and-Print-Preview_images/Print-and-Print-Preview_img3.jpeg) ### Color Drop-down @@ -59,50 +59,50 @@ The options in this drop-down allow you select the color for the data to be prin * Gray scale—Selecting this option allows the user to print the grid data in a range of shades of gray without apparent color, the darkest shade being black and the lightest shade being white. * Unknown—This option can be selected in cases where you receive any print configuration settings which does not fall within the other 3 options. The application that is using this configuration will internally set the color option as unknown in such cases. -![Color drop-down in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img4.jpeg) +![Color drop-down](Print-and-Print-Preview_images/Print-and-Print-Preview_img4.jpeg) ### Zoom Drop-down The options in this drop-down allow you select the required percentage magnification for viewing the grid data to be printed. Selecting the required option allows you to magnify the preview to various preset zoom levels like 50%, 100%, 200% and 400%. -![Zooming drop-down option in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img5.jpeg) +![Zooming drop-down option](Print-and-Print-Preview_images/Print-and-Print-Preview_img5.jpeg) ### Navigation Options The Print dialog provides four navigational buttons to navigate the grid preview: -![Backward navigation button of printing option in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img6.jpeg) +![Backward navigation button of printing option](Print-and-Print-Preview_images/Print-and-Print-Preview_img6.jpeg) -This button allows you to move to the first page -![Forward navigation button of printing option in WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img7.jpeg) +![Forward navigation button of printing option](Print-and-Print-Preview_images/Print-and-Print-Preview_img7.jpeg) -This button allows you to move to the last page -![Navigation button to move previous page of printing option to WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img8.jpeg) +![Navigation button to move previous page of printing option](Print-and-Print-Preview_images/Print-and-Print-Preview_img8.jpeg) -This button allows you to move to the previous page -![Navigation button to move next page of printing option to WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img9.jpeg) +![Navigation button to move next page of printing option](Print-and-Print-Preview_images/Print-and-Print-Preview_img9.jpeg) -This button allows you to move to the next page The following image shows the next button highlighted for an example. -![Navigation Options in printing to WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img10.jpeg) +![Navigation Options in printing](Print-and-Print-Preview_images/Print-and-Print-Preview_img10.jpeg) ## Printing Header and Footer Headers and Footers can be added to the document to be printed. -* GridControl.PrintHeaderTemplate determines the content for the print header. It is a property of GridControl and any value assigned to this property will be provided as an output in the Header section of the print output. For example: A text block outlined with a border is assigned to this property and hence the header also is printed with a border. -* GridControl.PrintFooterTemplate defines the print footer. The content represented by the print header will appear at the top of each printed page and likewise, the content represented by the print footer will appear at the bottom of each printed page. -* The height of the header and footer can be adjusted using the GridControl properties- PrintHeaderHeight and PrintFooterHeight. +* Excel-like Grid.PrintHeaderTemplate determines the content for the print header. It is a property and any value assigned to this property will be provided as an output in the Header section of the print output. For example: A text block outlined with a border is assigned to this property and hence the header also is printed with a border. +* Excel-like Grid.PrintFooterTemplate defines the print footer. The content represented by the print header will appear at the top of each printed page and likewise, the content represented by the print footer will appear at the bottom of each printed page. +* The height of the header and footer can be adjusted using the Excel-like Grid properties- PrintHeaderHeight and PrintFooterHeight. {% tabs %} {% highlight xaml %} @@ -129,5 +129,5 @@ Headers and Footers can be added to the document to be printed. The following image is the output of the code above. -![Header and Footer in printing page to WPF GridControl](Print-and-Print-Preview_images/Print-and-Print-Preview_img11.jpeg) +![Header and Footer in printing page](Print-and-Print-Preview_images/Print-and-Print-Preview_img11.jpeg) diff --git a/wpf/GridControl/Real-Time-Applications.md b/wpf/GridControl/Real-Time-Applications.md index 4d35110e7..832514e1c 100644 --- a/wpf/GridControl/Real-Time-Applications.md +++ b/wpf/GridControl/Real-Time-Applications.md @@ -40,7 +40,7 @@ grid.Model.Options.ExcelLikeCurrentCell = true; {% endcapture %} {{ codesnippet1 | OrderList_Indent_Level_1 }} -![Showing Excel like Current Cell Selection in WPF GridControl](Real-Time-Applications_images/Real-Time-Applications_img1.jpeg) +![Showing Excel like Current Cell Selection](Real-Time-Applications_images/Real-Time-Applications_img1.jpeg) N> If you have selected a current cell within a specified range, and when you move the current cell selection out of this range, the range will be cleared. @@ -59,12 +59,12 @@ grid.Model.Options.ExcelLikeSelectionFrame = true; {% endcapture %} {{ codesnippet2 | OrderList_Indent_Level_1 }} -![Displaying Excel like Selection Frame in WPF GridControl](Real-Time-Applications_images/Real-Time-Applications_img2.jpeg) +![Displaying Excel like Selection Frame](Real-Time-Applications_images/Real-Time-Applications_img2.jpeg) c. Formula Cells -As we discussed in the previous chapter, Grid control provides complete support to formula cells. It can be enabled for the grid by setting the format string, FormulaCell to the TableStyle.CellType property, as follows: +As we discussed in the previous chapter, the Excel-like Grid provides complete support to formula cells. It can be enabled by setting the format string, FormulaCell to the TableStyle.CellType property, as follows: {% capture codesnippet3 %} {% tabs %} @@ -75,7 +75,7 @@ grid.Model.TableStyle.CellType = "FormulaCell"; {% endcapture %} {{ codesnippet3 | OrderList_Indent_Level_1 }} -![WPF GridControl with Excel like Formula Cell](Real-Time-Applications_images/Real-Time-Applications_img3.jpeg) +![Grid with Excel like Formula Cell](Real-Time-Applications_images/Real-Time-Applications_img3.jpeg) d. Markup Headers @@ -108,18 +108,18 @@ protected override void OnPrepareRenderCell(GridPrepareRenderCellEventArgs e) {% endcapture %} {{ codesnippet4 | OrderList_Indent_Level_1 }} -![WPF GridControl with markup headers](Real-Time-Applications_images/Real-Time-Applications_img4.jpeg) +![Grid with markup headers](Real-Time-Applications_images/Real-Time-Applications_img4.jpeg) e. Workbook of Sheets -You can create a workbook with multiple sheets similar to excel, using a Tab control, where individual tab represents a worksheet embedded within a Grid control. +You can create a workbook with multiple sheets similar to excel, using a Tab control, where individual tab represents a worksheet embedded within the grid. -![WPF GridControl with workbook of sheets](Real-Time-Applications_images/Real-Time-Applications_img5.jpeg) +![Grid with workbook of sheets](Real-Time-Applications_images/Real-Time-Applications_img5.jpeg) -![Complete application in WPF GridControl](Real-Time-Applications_images/Real-Time-Applications_img6.jpeg) +![Complete application](Real-Time-Applications_images/Real-Time-Applications_img6.jpeg) N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Product%20ShowCase/ExcelLikeUi) diff --git a/wpf/GridControl/Selection.md b/wpf/GridControl/Selection.md index 732027101..e0c42dfc9 100644 --- a/wpf/GridControl/Selection.md +++ b/wpf/GridControl/Selection.md @@ -9,11 +9,11 @@ documentation: ug # Selection in WPF Excel-like Grid -WPF GridControl supports for range and record selection modes. Selection will highlight the specified range. +WPF Excel-like Grid supports for range and record selection modes. Selection will highlight the specified range. ## Selection modes -There are two modes of selection available in the GridControl. They are, +There are two modes of selection available in the Excel-like Grid. They are, * Range selection * Record selection @@ -345,11 +345,11 @@ N> Download demo application from [GitHub](https://github.com/SyncfusionExamples ## See also -[How to get first and last selected row index](https://www.syncfusion.com/kb/11183) +[How to get first and last selected row index](https://support.syncfusion.com/kb/article/9754/how-to-get-first-and-last-selected-row-index-in-wpf-gridcontrol) -[How to set extended selection mode to select a row when user-click-a-cell](https://www.syncfusion.com/kb/11185) +[How to set extended selection mode to select a row when user-click-a-cell](https://support.syncfusion.com/kb/article/9752/how-to-set-extended-selectionmode-in-wpf-gridcontrol-to-select-a-row-when-user-click-a-cell) -[How to avoid selection header cell](https://www.syncfusion.com/kb/11186) +[How to avoid selection header cell](https://support.syncfusion.com/kb/article/9751/how-to-avoid-selection-in-header-cell-of-wpf-gridcontrol) [How to programmatically invert selection](https://www.syncfusion.com/kb/11195) diff --git a/wpf/GridControl/Serialization.md b/wpf/GridControl/Serialization.md index 1e5c29389..2085a658d 100644 --- a/wpf/GridControl/Serialization.md +++ b/wpf/GridControl/Serialization.md @@ -9,17 +9,17 @@ documentation: ug # Serialization in WPF Excel-like Grid -Essential® GridControl supports Serialization. The whole grid can be serialized and deserialized at run-time. +Essential® Excel-like Grid supports Serialization. The whole grid can be serialized and deserialized at run-time. ## Use Case Scenarios -Serialization can be implemented for the applications which need to save its data and structure after the application is closed. Serialization supports to save the structure and data of the GridControl to an XML file and it can be loaded at any time. +Serialization can be implemented for the applications which need to save its data and structure after the application is closed. Serialization supports to save the structure and data of the Excel-like Grid to an XML file and it can be loaded at any time. ## Adding Serialization to an Application The following sample application explains the implementation of the Serialization support to GirdControl. -1.Create an application. Create a WPF application and add the GridControl to it. +1.Create an application. Create a WPF application and add the Excel-like Grid to it. 2.Call the Serialization support methods In the application, create three buttons. The first button to call the Serialize() method, the second button to make changes to the Grid and the third button is to call the Deserialize() method. The following code snippet explains the implementation of Serialization. @@ -39,11 +39,11 @@ this.grid.Model.Deserialize("Data.xml"); 3.Run the application -Run the application. Click the Serialize button to serialize the initial load; this creates an XML file and saves it. Click the second button ModifyGridStyle to make some changes in the GridControl. Now click the Deserialize button which restores the old settings of the GridControl. +Run the application. Click the Serialize button to serialize the initial load; this creates an XML file and saves it. Click the second button ModifyGridStyle to make some changes in the Excel-like Grid. Now click the Deserialize button which restores the old settings of the control. ### Supported Properties for Serialization -The following properties are Serialized in the GridControl. +The following properties are Serialized in the Excel-like Grid. * RowCount * ColCount @@ -80,14 +80,14 @@ Return Type Serialize() -A virtual method called to Serialize the GridControl. It stores the settings in an XML file named as specified in its parameter. -string  fileName +A virtual method called to Serialize the Excel-like Grid. It stores the settings in an XML file named as specified in its parameter. +string fileName public void Deserialize() -A virtual method called to Deserialize the GridControl. It restores the settings in an XML file named as specified in its parameter. +A virtual method called to Deserialize the Excel-like Grid. It restores the settings in an XML file named as specified in its parameter. string  fileName public void diff --git a/wpf/GridControl/Testing.md b/wpf/GridControl/Testing.md index 3c20a3166..018cfa4f1 100644 --- a/wpf/GridControl/Testing.md +++ b/wpf/GridControl/Testing.md @@ -9,18 +9,18 @@ documentation: ug # Testing in WPF Excel-like Grid -GridControl provides support for UI Automation and VS2010 Coded UI testing. This section provides the detailed description about using them with the Grid. +Excel-like Grid provides support for UI Automation and VS2010 Coded UI testing. This section provides the detailed description about using them with the Grid. -## Grid Control UI Automation Support +## Excel-like Grid UI Automation Support Microsoft UI Automation provides a single, generalized interface that automation clients can examine or use to operate the user interfaces of a variety of platforms and frameworks. For more information, see [https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/ui-automation-of-a-wpf-custom-control?view=netframeworkdesktop-4.8](https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/ui-automation-of-a-wpf-custom-control?view=netframeworkdesktop-4.8). -With the Grid control, UI Automation is enabled for writing testable applications. It involves the patterns below. +With the Excel-like Grid, UI Automation is enabled for writing testable applications. It involves the patterns below. -![WPF GridControl UI Automation Providers](Testability-Frameworks_images/Testability-Frameworks_img1.png) +![UI Automation Providers](Testability-Frameworks_images/Testability-Frameworks_img1.png) -Grid control is customized for maximum performance, and thus the visuals are always virtualized. Automation Elements are generated for these live visuals alone. The different sets of automation providers implemented, provide access to the inner elements. +Excel-like Grid is customized for maximum performance, and thus the visuals are always virtualized. Automation Elements are generated for these live visuals alone. The different sets of automation providers implemented, provide access to the inner elements. Following are the different sets of identifiers that can be obtained for the Grid: @@ -31,7 +31,7 @@ Following are the different sets of identifiers that can be obtained for the Gri Each cell in the grid is considered as an Automation Element, which in itself has some providers implemented. The following figure displays the different sets of identifiers for a Grid Cell Element. -![Cell element automation provider in WPF GridControl](Testability-Frameworks_images/Testability-Frameworks_img2.png) +![Cell element automation provider](Testability-Frameworks_images/Testability-Frameworks_img2.png) Following are the different set of identifiers that can be obtained for each Grid Cell Element: @@ -49,7 +49,7 @@ Let us walkthrough the following sample application that demonstrates the usage ### API Usage -Setting up an Automation Sample is very useful to understand the usage of API for Automation Peer in Grid control. Automation Elements are run on a different thread from the main GUI thread. +Setting up an Automation Sample is very useful to understand the usage of API for Automation Peer in Excel-like Grid. Automation Elements are run on a different thread from the main GUI thread. The following set of instructions illustrates the same. @@ -153,7 +153,7 @@ You can get the Extension Project of Coded UI from [this](https://www.syncfusion The architectural diagram is as follows: -![Architectural Diagram of WPF GridControl testing process](Testability-Frameworks_images/Testability-Frameworks_img5.jpeg) +![Architectural Diagram of the testing process](Testability-Frameworks_images/Testability-Frameworks_img5.jpeg) * Grid Test Plugin implements the necessary details to communicate with the VS 2010 Test Framework. * The Grid application host runs with a .NET Remoting channel hosted internally to communicate with the Test plugin through an interface. The data is then channeled across to the VS 2010 Test Framework to identify the Cells. diff --git a/wpf/GridControl/Tooltip.md b/wpf/GridControl/Tooltip.md index 8f9f4c0c2..82977c6ab 100644 --- a/wpf/GridControl/Tooltip.md +++ b/wpf/GridControl/Tooltip.md @@ -37,7 +37,7 @@ gridcontrol.Model[1, 1].ShowTooltip = true; {% endtabs %} -![ToolTip for specific cell in WPF GridControl](Tooltip_images/show-tooltip-cell.png) +![ToolTip for specific cell](Tooltip_images/show-tooltip-cell.png) ## ToolTip for row and column @@ -59,7 +59,7 @@ gridcontrol.Model.ColStyles[1].ShowTooltip = true; {% endtabs %} -![Tooltip for specific row in WPF GridControl](Tooltip_images/show-tooltip-rows.png) +![Tooltip for specific row](Tooltip_images/show-tooltip-rows.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-ToolTip/tree/master/ToolTip_simple) @@ -89,7 +89,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endtabs %} -![ToolTip for row or column using QueryCellInfo in WPF GridControl](Tooltip_images/show-tooltip-querycell.png) +![ToolTip for row or column using QueryCellInfo](Tooltip_images/show-tooltip-querycell.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-ToolTip/tree/master/ToolTip_using_querycellinfo) @@ -146,7 +146,7 @@ private void Gridcontrol_CellToolTipOpening(object sender, GridCellToolTipOpenin {% endtabs %} -![Change the ToolTip text at run time in WPF GridControl](Tooltip_images/show-tooltip-openingevent.png) +![Change the ToolTip text at run time](Tooltip_images/show-tooltip-openingevent.png) ## Hide ToolTip for disabled cell @@ -202,7 +202,7 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endtabs %} -![Highlight the row applied to ToolTip in WPF GridControl](ToolTip_images/show-tooltip-highlight.png) +![Highlight the row applied to ToolTip](ToolTip_images/show-tooltip-highlight.png) ## Customize the ToolTip @@ -288,13 +288,13 @@ private void Gridcontrol_QueryCellInfo(object sender, GridQueryCellInfoEventArgs {% endtabs %} -![Customize the ToolTip for WPF GridControl](Tooltip_images/show-tooltip-customization.png) +![Customize the ToolTip](Tooltip_images/show-tooltip-customization.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-GridControl-ToolTip/tree/master/ToolTip_customization) ## Remove the ToolTip -The `ResetValue` method is used to remove the ToolTip for any cell or row or column in GridControl and to reset the ToolTip value to the default values. +The `ResetValue` method is used to remove the ToolTip for any cell or row or column in Excel-like Grid and to reset the ToolTip value to the default values. {% tabs %} diff --git a/wpf/GridControl/Virtualization.md b/wpf/GridControl/Virtualization.md index e512c22b5..66be37f58 100644 --- a/wpf/GridControl/Virtualization.md +++ b/wpf/GridControl/Virtualization.md @@ -20,7 +20,7 @@ Essential® Grid for WPF supports virtual mode, which lets you dynami ### Example -In this example, the Grid Control displays 99,000,000 x 1,000,000 cells (i.e., 99 million rows and 1 million columns). It is also possible to resize millions of rows instantly without any performance hits. The data is loaded only on demand through the QueryCellInfo event and the changes are saved back to the data source by the CommitCellInfo event. +In this example, the Excel-like Grid displays 99,000,000 x 1,000,000 cells (i.e., 99 million rows and 1 million columns). It is also possible to resize millions of rows instantly without any performance hits. The data is loaded only on demand through the QueryCellInfo event and the changes are saved back to the data source by the CommitCellInfo event. {% tabs %} {% highlight c# %} @@ -80,11 +80,11 @@ void Model_QueryCellInfo(object sender, GridQueryCellInfoEventArgs e) ### Output -![Virtual Mode in WPF GridControl](Grid-Virtualization_images/Grid-Virtualization_img1.png) +![Virtual Mode](Grid-Virtualization_images/Grid-Virtualization_img1.png) ## Virtual Cells -The Grid control supports virtual cell architecture where the cell contents are drawn statically until a live cell is required. For example, when you move the mouse over the grid, the cells under the mouse pointer needs to handle mouse inputs. Dynamically, the static cells are turned into live cells that can handle those mouse interactions, as required. These live cells stay in scope until they are no longer needed (which is usually when they are scrolled off the screen). Using static drawing for cells, and thus minimizing the need for large numbers of live cells, provides an optimal way to display large data sources very quickly. +The Excel-like Grid supports virtual cell architecture where the cell contents are drawn statically until a live cell is required. For example, when you move the mouse over the grid, the cells under the mouse pointer needs to handle mouse inputs. Dynamically, the static cells are turned into live cells that can handle those mouse interactions, as required. These live cells stay in scope until they are no longer needed (which is usually when they are scrolled off the screen). Using static drawing for cells, and thus minimizing the need for large numbers of live cells, provides an optimal way to display large data sources very quickly. ### Example @@ -188,7 +188,7 @@ grid.Model.TableStyle.CellValue = "Edit Me!"; {% endhighlight %} {% endtabs %} -![Virtual cells to the WPF GridControl](Grid-Virtualization_images/Grid-Virtualization_img2.jpeg) +![Virtual cells](Grid-Virtualization_images/Grid-Virtualization_img2.jpeg) diff --git a/wpf/GridControl/Zooming.md b/wpf/GridControl/Zooming.md index 4ead3042c..46943bc18 100644 --- a/wpf/GridControl/Zooming.md +++ b/wpf/GridControl/Zooming.md @@ -9,7 +9,7 @@ documentation: ug # Zooming in WPF Excel-like Grid -This feature enables the user to change the zoom level of the Grid control that brings either more or fewer cells into the view. By zooming in you can get a magnified view of the grid cells, and by zooming out you can bring more cells in to the view. This does not change the underlying size of Grid control, and the printout of the Grid control remains constant, regardless of the selected zoom scale. +This feature enables the user to change the zoom level of the Excel-like Grid that brings either more or fewer cells into the view. By zooming in you can get a magnified view of the grid cells, and by zooming out you can bring more cells in to the view. This does not change the underlying size of control, and the printout remains constant, regardless of the selected zoom scale. ## Use Case Scenarios @@ -29,7 +29,7 @@ Data Type ZoomScale -Used to change the zoom level of the Grid control +Used to change the zoom level of the Excel-like Grid Dependency Property Double @@ -37,11 +37,11 @@ Double N> Download demo application from [GitHub](https://github.com/syncfusion/wpf-demos/tree/master/gridcontrol/Zooming) -## Change Zoom Scale of the Grid Control +## Change Zoom Scale of the Excel-like Grid -You can change the zoom level of the Grid control by using the ZoomScale property defined in the Grid control. +You can change the zoom level of the Excel-like Grid by using the ZoomScale property defined in the Excel-like Grid. -The following code illustrates how to change the ZoomScale__of the Grid control: +The following code illustrates how to change the ZoomScale__of the Excel-like Grid: {% tabs %} {% highlight c# %} @@ -49,8 +49,8 @@ gridControl.ZoomScale = 1.5; {% endhighlight %} {% endtabs %} -![Increased Zoom Scale in WPF GridControl](Zoom-In-and-Zoom-Out_images/Zoom-In-and-Zoom-Out_img1.png) +![Increased Zoom Scale](Zoom-In-and-Zoom-Out_images/Zoom-In-and-Zoom-Out_img1.png) -![Decreased Zoom Scale in WPF GridControl](Zoom-In-and-Zoom-Out_images/Zoom-In-and-Zoom-Out_img2.png) +![Decreased Zoom Scale](Zoom-In-and-Zoom-Out_images/Zoom-In-and-Zoom-Out_img2.png) diff --git a/wpf/GridControl/covered-ranges.md b/wpf/GridControl/covered-ranges.md index 7d1c5ad5c..10225eb20 100644 --- a/wpf/GridControl/covered-ranges.md +++ b/wpf/GridControl/covered-ranges.md @@ -9,7 +9,7 @@ documentation: ug # Covered Ranges in WPF Excel-like Grid -This section explains the covered range of cells in WPF GridControl. +This section explains the covered range of cells in WPF Excel-like Grid. ## Creating covered cells @@ -53,7 +53,7 @@ private void Grid_QueryCoveredRange(object sender, Syncfusion.Windows.Controls.G {% endtabs %} -![Create the covered range in WPF GridControl](Coveredranges_images/wpf-gridcontrol-coveredcells.png) +![Create the covered range](Coveredranges_images/wpf-gridcontrol-coveredcells.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-gridcontrol-coveredcells) @@ -76,7 +76,7 @@ MessageBox.Show("Cover range for cell (2,3) is " + "R" + coverRanges.Left + "C" {% endtabs %} -![Find the covered range in WPF GridControl](Coveredranges_images/wpf-gridcontrol-findrange.png) +![Find the covered range](Coveredranges_images/wpf-gridcontrol-findrange.png) N> [View sample in GitHub](https://github.com/SyncfusionExamples/wpf-gridcontrol-coveredcells)