From 332deb5c324745a67b4119e55922d3d7bbb897d1 Mon Sep 17 00:00:00 2001 From: Vishal Omprasad Date: Mon, 8 Sep 2025 14:10:56 +0530 Subject: [PATCH 1/2] 977013 - Kanban UG code-snippet highlight --- MAUI/Kanban-Board/Column.md | 12 ++++++------ MAUI/Kanban-Board/Getting-Started.md | 8 ++++---- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/MAUI/Kanban-Board/Column.md b/MAUI/Kanban-Board/Column.md index 6afe09c86..f07cee5df 100644 --- a/MAUI/Kanban-Board/Column.md +++ b/MAUI/Kanban-Board/Column.md @@ -284,7 +284,7 @@ The .NET MAUI Kanban control provides flexible options to customize the appearan To change the background color of a column, use the `Background` property of the [`KanbanColumn`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanColumn.html) class. This allows you to visually differentiate columns based on their status. {% tabs %} -{% highlight XAML hl_lines="9, 12, 15, 18" %} +{% highlight XAML hl_lines="9 12 15 18" %} {% endhighlight %} -{% highlight C# hl_lines="9, 16, 23, 30" %} +{% highlight C# hl_lines="9 16 23 30" %} SfKanban kanban = new SfKanban(); KanbanViewModel viewModel = new KanbanViewModel(); @@ -523,7 +523,7 @@ The .NET MAUI Kanban control allows you to define a custom UI for columns that h The following example shows how to define a custom **no card** template using a `DataTemplate` {% tabs %} -{% highlight XAML hl_lines="16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28" %} +{% highlight XAML hl_lines="16 17 18 19 20 21 22 23 24 25 26 27 28" %} {% endhighlight %} -{% highlight C# hl_lines="19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44" %} +{% highlight C# hl_lines="19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44" %} SfKanban kanban = new SfKanban(); KanbanViewModel viewModel = new KanbanViewModel(); @@ -793,7 +793,7 @@ public class KanbanViewModel The .NET MAUI Kanban control supports styling the placeholder area, where cards can be dropped during drag-and-drop operations using the `PlaceholderStyle` property of the [`KanbanColumn`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Kanban.KanbanColumn.html). This customization enhances visual clarity and improves the user experience during interactions. {% tabs %} -{% highlight xaml hl_lines="4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 20, 24, 28, 32" %} +{% highlight xaml hl_lines="4 5 6 7 8 9 10 11 12 13 20 24 28 32" %} {% endhighlight %} -{% highlight C# hl_lines="6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 22, 30, 38, 46" %} +{% highlight C# hl_lines="6 7 8 9 10 11 12 13 14 15 22 30 38 46" %} SfKanban kanban = new SfKanban(); KanbanViewModel viewModel = new KanbanViewModel(); diff --git a/MAUI/Kanban-Board/Getting-Started.md b/MAUI/Kanban-Board/Getting-Started.md index a181f634a..83846ebac 100644 --- a/MAUI/Kanban-Board/Getting-Started.md +++ b/MAUI/Kanban-Board/Getting-Started.md @@ -344,7 +344,7 @@ The following sample code demonstrates this process in action: {% tabs %} -{% highlight XAML hl_lines="2, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 19" %} +{% highlight XAML hl_lines="2 6 7 8 9 10 11 12 13 14 15 16 17 18 19" %} @@ -368,7 +368,7 @@ The following sample code demonstrates this process in action: {% endhighlight %} -{% highlight C# hl_lines="5, 8, 9, 10, 11, 12, 14, 15, 16, 17, 18, 20, 21, 22, 23, 24, 26, 27, 28, 29, 30" %} +{% highlight C# hl_lines="5 8 9 10 11 12 14 15 16 17 18 20 21 22 23 24 26 27 28 29 30" %} using Syncfusion.Maui.Kanban; @@ -493,7 +493,7 @@ Alternatively, you can manually define columns by setting [`AutoGenerateColumns` Let’s look at the practical code example: {% tabs %} -{% highlight XAML hl_lines="2, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26" %} +{% highlight XAML hl_lines="2 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26" %} @@ -524,7 +524,7 @@ Let’s look at the practical code example: {% endhighlight %} -{% highlight C# hl_lines="3" %} +{% highlight C# hl_lines="3 4 6 8 9 10 11 14 15 17 18 21 22 24 26 29 31 32 33 34 37 38 40 41 42 45" %} SfKanban kanban = new SfKanban(); KanbanViewModel viewModel = new KanbanViewModel(); From 8ff9a6dbb9c1483bb4b62631724790c1d451792e Mon Sep 17 00:00:00 2001 From: Abinaya-SF4661 Date: Mon, 8 Sep 2025 15:33:41 +0530 Subject: [PATCH 2/2] Added the API reference links --- MAUI/DataGrid/ToolTip.md | 16 ++++++++-------- MAUI/DataGrid/addNew-row.md | 14 +++++++------- MAUI/DataGrid/scrolling.md | 2 +- 3 files changed, 16 insertions(+), 16 deletions(-) diff --git a/MAUI/DataGrid/ToolTip.md b/MAUI/DataGrid/ToolTip.md index c58219377..e0a166455 100644 --- a/MAUI/DataGrid/ToolTip.md +++ b/MAUI/DataGrid/ToolTip.md @@ -18,7 +18,7 @@ To show tooltips: ## Show tooltip in a header and record cell -To enable tooltip for datagrid, set the `SfDataGrid.ShowToolTip` property to `true`. This will display tooltip containing cell content when users interact with the cells. +To enable tooltip for datagrid, set the [SfDataGrid.ShowToolTip](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ShowToolTip) property to `true`. This will display tooltip containing cell content when users interact with the cells. {% tabs %} {% highlight XAML %} @@ -113,7 +113,7 @@ You can apply basic tooltip styling using the DefaultStyle property of SfDataGri ### Customizing the ToolTip using DataTemplate -You can customize the appearance and content of tooltips by setting the `SfDataGrid.ToolTipTemplate` property. +You can customize the appearance and content of tooltips by setting the [SfDataGrid.ToolTipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ToolTipTemplate) property. {% tabs %} {% highlight XAML %} @@ -204,13 +204,13 @@ The below image refers the `AlternateTemplate` which is applied through `ToolTip ### CellToolTipOpening event -The [CellToolTipOpening]() event is raised when a tooltip is about to be displayed for a cell. The event provides [DataGridCellToolTipOpeningEventArgs]() which contains the following properties: +The [CellToolTipOpening](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_CellToolTipOpening) event is raised when a tooltip is about to be displayed for a cell. The event provides [DataGridCellToolTipOpeningEventArgs](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCellToolTipOpeningEventArgs.html) which contains the following properties: -* [Column](): Gets the GridColumn of the cell for which the tooltip is being shown. -* [RowData](): Gets the data associated with a specific row. -* [RowColumnIndex](): Gets the row and column index of the cell. -* [ToolTipText](): Gets the text content that is displayed within the tooltip. -* [Cancel](): Gets or sets a value indicating whether the tooltip should be displayed. Set to `true` to prevent the tooltip from showing. +* [Column](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCellToolTipOpeningEventArgs.html#Syncfusion_Maui_DataGrid_DataGridCellToolTipOpeningEventArgs_Column): Gets the GridColumn of the cell for which the tooltip is being shown. +* [RowData](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCellToolTipOpeningEventArgs.html#Syncfusion_Maui_DataGrid_DataGridCellToolTipOpeningEventArgs_RowData): Gets the data associated with a specific row. +* [RowColumnIndex](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCellToolTipOpeningEventArgs.html#Syncfusion_Maui_DataGrid_DataGridCellToolTipOpeningEventArgs_RowColumnIndex): Gets the row and column index of the cell. +* [ToolTipText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCellToolTipOpeningEventArgs.html#Syncfusion_Maui_DataGrid_DataGridCellToolTipOpeningEventArgs_ToolTipText): Gets the text content that is displayed within the tooltip. +* `Cancel`: Gets or sets a value indicating whether the tooltip should be displayed. Set to `true` to prevent the tooltip from showing. {% tabs %} {% highlight XAML %} diff --git a/MAUI/DataGrid/addNew-row.md b/MAUI/DataGrid/addNew-row.md index 9038d5b53..b9467a6ce 100644 --- a/MAUI/DataGrid/addNew-row.md +++ b/MAUI/DataGrid/addNew-row.md @@ -10,7 +10,7 @@ keywords : maui datagrid, maui grid, grid maui, maui gridview, grid in maui, .ne # AddNewRow in MAUI DataGrid (SfDataGrid) -DataGrid provides built-in row (called AddNewRow) that allows user to add new records to underlying collection. Built-in add new row can be enabled or disabled by setting [SfDataGrid.AddNewRowPosition]() property. AddNewRowPosition also denotes the position of add new row in DataGrid. +DataGrid provides built-in row (called AddNewRow) that allows user to add new records to underlying collection. Built-in add new row can be enabled or disabled by setting [SfDataGrid.AddNewRowPosition](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AddNewRowPosition) property. AddNewRowPosition also denotes the position of add new row in DataGrid. When you start editing in AddNewRow, the SfDataGrid control creates an instance for the underlying data object and adds it to underlying collection when editing completed. @@ -93,7 +93,7 @@ public partial class MainPage : ContentPage ## Customize the newly added row position -SfDataGrid adds new data item from AddNewRow at the end of collection. When data operations (sorting, grouping) performed, the new item added based on data operations. You can customize the newly added data item position by setting [SfDataGrid.NewItemPlaceHolderPosition](). +SfDataGrid adds new data item from AddNewRow at the end of collection. When data operations (sorting, grouping) performed, the new item added based on data operations. You can customize the newly added data item position by setting [SfDataGrid.NewItemPlaceHolderPosition](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_NewItemPlaceholderPosition). {% tabs %} {% highlight xaml %} @@ -124,7 +124,7 @@ public partial class MainPage : ContentPage ## Changing the AddNewRow default text -You can change the default static string of AddNewRow in datagrid by using the [SfDataGrid.AddNewRowText]() property. The `AddNewRowText` property has higher priority than the text that is localized in resx file. +You can change the default static string of AddNewRow in datagrid by using the [SfDataGrid.AddNewRowText](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AddNewRowText) property. The `AddNewRowText` property has higher priority than the text that is localized in resx file. {% tabs %} {% highlight xaml %} @@ -158,7 +158,7 @@ public partial class MainPage : ContentPage ## Initializing default values for AddNewRow -SfDataGrid allows you to set the default values for AddNewRow while initiating, through [AddNewRowInitiatingEventArgs.Object]() property in [SfDataGrid.AddNewRowInitiating]() event. +SfDataGrid allows you to set the default values for AddNewRow while initiating, through [DataGridAddNewRowInitiatingEventArgs.Object](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridAddNewRowInitiatingEventArgs.html#Syncfusion_Maui_DataGrid_DataGridAddNewRowInitiatingEventArgs_Object) property in [SfDataGrid.AddNewRowInitiating](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_AddNewRowInitiating) event. {% tabs %} {% highlight xaml %} @@ -230,7 +230,7 @@ private void DataGrid_AddNewRowInitiating(object? sender, DataGridAddNewRowIniti ## Add row programmatically -You can commit or cancel the new record in AddNewRow by pressing the Enter and Esc key respectively. AddNewRow operations can be performed programmatically by using [DataGridAddNewRowController.CommitAddNew]() and [DataGridAddNewRowController.CancelAddNew]() methods at runtime. +You can commit or cancel the new record in AddNewRow by pressing the Enter and Esc key respectively. AddNewRow operations can be performed programmatically by using [DataGridAddNewRowController.CommitAddNew](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridAddNewRowController.html#Syncfusion_Maui_DataGrid_DataGridAddNewRowController_CommitAddNew_Syncfusion_Maui_DataGrid_SfDataGrid_System_Boolean_) and [DataGridAddNewRowController.CancelAddNew](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridAddNewRowController.html#Syncfusion_Maui_DataGrid_DataGridAddNewRowController_CancelAddNew) methods at runtime. ### Cancel AddNewRow @@ -294,7 +294,7 @@ To customize the AddNewRowText, add the default Syncfusion.SfDataGrid.WPF.resx f ### Apply implicit style -DataGridAddNewRow can be customized by writing style for [DataGridAddNewRowView]() TargetType. +DataGridAddNewRow can be customized by writing style for [DataGridAddNewRowView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridAddNewRowView.html) TargetType. {% tabs %} {% highlight xaml %} @@ -317,7 +317,7 @@ DataGridAddNewRow can be customized by writing style for [DataGridAddNewRowView] ### Apply default style -You can customize the AddNewRow's Background, TextColor, FontAttribute, FontFamily by using [SfDataGrid.DefaultStyle](). +You can customize the AddNewRow's Background, TextColor, FontAttribute, FontFamily by using [SfDataGrid.DefaultStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_DefaultStyle). {% tabs %} {% highlight xaml %} diff --git a/MAUI/DataGrid/scrolling.md b/MAUI/DataGrid/scrolling.md index 682ad1e14..fa4f4ec24 100644 --- a/MAUI/DataGrid/scrolling.md +++ b/MAUI/DataGrid/scrolling.md @@ -53,7 +53,7 @@ this.dataGrid.ScrollToColumnIndex(4, ScrollToPosition.MakeVisible, true); ## Scrolling mode -The `SfDataGrid` allows you to customize three different scrolling modes using the [SfDataGrid.ScrollingMode]() property. By default, the control scrolls content based on pixel values. The `ScrollingMode` property supports both vertical and horizontal scrolling. The available scrolling modes are: +The `SfDataGrid` allows you to customize three different scrolling modes using the [SfDataGrid.ScrollingMode](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ScrollingMode) property. By default, the control scrolls content based on pixel values. The `ScrollingMode` property supports both vertical and horizontal scrolling. The available scrolling modes are: - Pixel - Line