Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions MAUI/DataGrid/ToolTip.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
Expand Down Expand Up @@ -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 %}
Expand Down Expand Up @@ -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 %}
Expand Down
14 changes: 7 additions & 7 deletions MAUI/DataGrid/addNew-row.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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 %}
Expand Down Expand Up @@ -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 %}
Expand Down Expand Up @@ -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 %}
Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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 %}
Expand All @@ -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 %}
Expand Down
2 changes: 1 addition & 1 deletion MAUI/DataGrid/scrolling.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
12 changes: 6 additions & 6 deletions MAUI/Kanban-Board/Column.md
Original file line number Diff line number Diff line change
Expand Up @@ -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" %}

<kanban:SfKanban x:Name="kanban"
AutoGenerateColumns="False"
Expand All @@ -307,7 +307,7 @@ To change the background color of a column, use the `Background` property of the
</kanban:SfKanban>

{% 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();
Expand Down Expand Up @@ -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" %}

<kanban:SfKanban x:Name="kanban"
AutoGenerateColumns="False"
Expand Down Expand Up @@ -560,7 +560,7 @@ The following example shows how to define a custom **no card** template using a
</kanban:SfKanban>

{% 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();
Expand Down Expand Up @@ -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" %}

<kanban:SfKanban x:Name="kanban"
AutoGenerateColumns="False"
Expand Down Expand Up @@ -830,7 +830,7 @@ The .NET MAUI Kanban control supports styling the placeholder area, where cards
</kanban:SfKanban>

{% 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();
Expand Down
8 changes: 4 additions & 4 deletions MAUI/Kanban-Board/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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" %}

<kanban:SfKanban x:Name="kanban"
AutoGenerateColumns="False">
Expand All @@ -368,7 +368,7 @@ The following sample code demonstrates this process in action:
</kanban:SfKanban>

{% 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;

Expand Down Expand Up @@ -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" %}

<kanban:SfKanban ItemsSource="{Binding TaskDetails}"
ColumnMappingPath="Status">
Expand Down Expand Up @@ -524,7 +524,7 @@ Let’s look at the practical code example:
</kanban:SfKanban>

{% 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();
Expand Down