From 7e9ede5805e0080fcd0ee9ad4910f64c52e06156 Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Mon, 24 Nov 2025 12:54:31 +0530 Subject: [PATCH 1/9] Provided UG for DataGridHyperlinkColumn --- MAUI/DataGrid/Column-types.md | 64 +++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 219bfe04cf..203e8d5bc4 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1418,6 +1418,70 @@ The `DataGridNumericColumn` allows formatting the numeric data with culture-spec * `NullValue` - To set the null value when the numeric cell value is null, use the [DataGridNumericColumn.NullValue](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridNumericColumn.html#Syncfusion_Maui_DataGrid_DataGridNumericColumn_NullValue) property. +## DataGridHyperlinkColumn + +The `DataGridHyperlinkColumn` inherits all the properties of the `DataGridTextColumn`. It displays column data as clickable hyperlinks. It renders link text in each record cell and lets end users invoke navigation. + +{% tabs %} +{% highlight xaml %} + + + + + + +{% endhighlight %} + +{% highlight c# %} +DataGridHyperlinkColumn hyperlinkColumn = new DataGridHyperlinkColumn() +{ + MappingName = "Country", + HeaderText = "CountryLink", +}; +dataGrid.Columns.Add(hyperlinkColumn); + +{% endhighlight %} + +{% endtabs %} + +You can allow end-user to navigate the Uri when the cell value contains valid Uri address or using `DataGridCurrentCellRequestNavigatingEventArgs ` event. The `CurrentCellRequestNavigating` occurs when the current cell in DataGridHyperlinkColumn is clicked for navigation. + +`DataGridCurrentCellRequestNavigatingEventArgs` of `CurrentCellRequestNavigating` event provide information about the hyperlink triggered this event. DataGridCurrentCellRequestNavigatingEventArgs.NavigateText returns the value from the column’s DisplayBinding if it is defined; otherwise, it uses the value bound to MappingName. + +{% tabs %} +{% highlight C# %} + +dataGrid.CurrentCellRequestNavigating += dataGrid_CurrentCellRequestNavigating; + +private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurrentCellRequestNavigatingEventArgs e) +{ + string address = "https://en.wikipedia.org/wiki/" + e.NavigateText; + Launcher.OpenAsync(new Uri(address)); +} + +{% endhighlight %} +{% endtabs %} + + +## Cancel the navigation +You can cancel the navigation by setting DataGridCurrentCellRequestNavigatingEventArgs.Cancel to true. + +{% tabs %} +{% highlight C# %} +dataGrid.CurrentCellRequestNavigating += dataGrid_CurrentCellRequestNavigating; + +private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurrentCellRequestNavigatingEventArgs e) +{ + e.Cancel = true; +} + +{% endhighlight %} +{% endtabs %} + ## Row header The row header is a type of column that is placed as the first cell of each row and remains frozen. To enable the row header, set [SfDataGrid.ShowRowHeader](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ShowRowHeader) to `true` Additionally, the `SfDataGrid` allows you to customize the row header width using the [SfDataGrid.RowHeaderWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_RowHeaderWidth) property. The default value is `30.` From d528aa57093ec84f3625a10a8e6bf6935a50c47a Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Fri, 28 Nov 2025 12:44:22 +0530 Subject: [PATCH 2/9] Review changes --- MAUI/DataGrid/Column-types.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 203e8d5bc4..36ddb50f60 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1428,9 +1428,8 @@ The `DataGridHyperlinkColumn` inherits all the properties of the `DataGridTextCo AutoGenerateColumnsMode="None" ItemsSource="{Binding OrderInfoCollection}"> - + @@ -1440,7 +1439,7 @@ The `DataGridHyperlinkColumn` inherits all the properties of the `DataGridTextCo DataGridHyperlinkColumn hyperlinkColumn = new DataGridHyperlinkColumn() { MappingName = "Country", - HeaderText = "CountryLink", + HeaderText = "Country", }; dataGrid.Columns.Add(hyperlinkColumn); @@ -1448,9 +1447,8 @@ dataGrid.Columns.Add(hyperlinkColumn); {% endtabs %} -You can allow end-user to navigate the Uri when the cell value contains valid Uri address or using `DataGridCurrentCellRequestNavigatingEventArgs ` event. The `CurrentCellRequestNavigating` occurs when the current cell in DataGridHyperlinkColumn is clicked for navigation. - -`DataGridCurrentCellRequestNavigatingEventArgs` of `CurrentCellRequestNavigating` event provide information about the hyperlink triggered this event. DataGridCurrentCellRequestNavigatingEventArgs.NavigateText returns the value from the column’s DisplayBinding if it is defined; otherwise, it uses the value bound to MappingName. +You can enable end-users to navigate to a URI either when the cell value contains a valid URI address or by handling the `DataGridCurrentCellRequestNavigatingEventArg`s event. The `CurrentCellRequestNavigating` event is triggered whenever a cell in the `DataGridHyperlinkColumn` is clicked for navigation. +The `DataGridCurrentCellRequestNavigatingEventArgs` associated with the `CurrentCellRequestNavigating` event provides details about the hyperlink that initiated the action. Its `DataGridCurrentCellRequestNavigatingEventArgs.NavigateText` property returns the value from the column’s `DisplayBinding` if one is defined; otherwise, it falls back to the value bound to `MappingName`. {% tabs %} {% highlight C# %} From b09225b79fb8c04ada4199b48d32bcdfd0359eba Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Fri, 28 Nov 2025 12:46:30 +0530 Subject: [PATCH 3/9] Changes --- MAUI/DataGrid/Column-types.md | 1 + 1 file changed, 1 insertion(+) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 36ddb50f60..8cf860f53a 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1448,6 +1448,7 @@ dataGrid.Columns.Add(hyperlinkColumn); {% endtabs %} You can enable end-users to navigate to a URI either when the cell value contains a valid URI address or by handling the `DataGridCurrentCellRequestNavigatingEventArg`s event. The `CurrentCellRequestNavigating` event is triggered whenever a cell in the `DataGridHyperlinkColumn` is clicked for navigation. + The `DataGridCurrentCellRequestNavigatingEventArgs` associated with the `CurrentCellRequestNavigating` event provides details about the hyperlink that initiated the action. Its `DataGridCurrentCellRequestNavigatingEventArgs.NavigateText` property returns the value from the column’s `DisplayBinding` if one is defined; otherwise, it falls back to the value bound to `MappingName`. {% tabs %} From 02743dc9d6698100a732584db1671278197623cc Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Fri, 28 Nov 2025 14:18:46 +0530 Subject: [PATCH 4/9] Resolving CI --- MAUI/DataGrid/Column-types.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 8cf860f53a..e6a080cf88 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1447,7 +1447,7 @@ dataGrid.Columns.Add(hyperlinkColumn); {% endtabs %} -You can enable end-users to navigate to a URI either when the cell value contains a valid URI address or by handling the `DataGridCurrentCellRequestNavigatingEventArg`s event. The `CurrentCellRequestNavigating` event is triggered whenever a cell in the `DataGridHyperlinkColumn` is clicked for navigation. +You can enable end-users to navigate to a URI either when the cell value contains a valid URI address or by handling the `DataGridCurrentCellRequestNavigatingEventArgs` event. The `CurrentCellRequestNavigating` event is triggered whenever a cell in the `DataGridHyperlinkColumn` is clicked for navigation. The `DataGridCurrentCellRequestNavigatingEventArgs` associated with the `CurrentCellRequestNavigating` event provides details about the hyperlink that initiated the action. Its `DataGridCurrentCellRequestNavigatingEventArgs.NavigateText` property returns the value from the column’s `DisplayBinding` if one is defined; otherwise, it falls back to the value bound to `MappingName`. From a0b67fd9829f7eebbad1ef648607717e6087ea54 Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Thu, 11 Dec 2025 16:27:11 +0530 Subject: [PATCH 5/9] Adding Appearence topic --- MAUI/DataGrid/Column-types.md | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index e6a080cf88..17ed4f1a2b 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1481,6 +1481,36 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren {% endhighlight %} {% endtabs %} +## Appearence + +### HyperlinkTextColor + +You can set the hyperlink text color using the HyperlinkTextColor property. If both HyperlinkTextColor and a DataGridCell TextColor (via implicit or explicit styles) are defined, HyperlinkTextColor takes precedence and will be used. If HyperlinkTextColor is not specified, the implicit or explicit cell styles will determine the hyperlink text color. + +{% tabs %} +{% highlight xaml %} + + + + + + + +{% endhighlight %} + +{% highlight c# %} +DataGridHyperlinkColumn hyperlinkColumn = new DataGridHyperlinkColumn() +{ + MappingName = "Country", + HeaderText = "Country", +}; +dataGrid.Columns.Add(hyperlinkColumn); + +{% endhighlight %} +{% endtabs %} + ## Row header The row header is a type of column that is placed as the first cell of each row and remains frozen. To enable the row header, set [SfDataGrid.ShowRowHeader](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_ShowRowHeader) to `true` Additionally, the `SfDataGrid` allows you to customize the row header width using the [SfDataGrid.RowHeaderWidth](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.SfDataGrid.html#Syncfusion_Maui_DataGrid_SfDataGrid_RowHeaderWidth) property. The default value is `30.` From b097f13cd0d5fe725a9834b5b9316f067bd50fef Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Thu, 11 Dec 2025 16:28:00 +0530 Subject: [PATCH 6/9] Changes --- MAUI/DataGrid/Column-types.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 17ed4f1a2b..8478d2ed96 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1501,12 +1501,10 @@ You can set the hyperlink text color using the HyperlinkTextColor property. If b {% endhighlight %} {% highlight c# %} -DataGridHyperlinkColumn hyperlinkColumn = new DataGridHyperlinkColumn() +dataGrid.DefaultStyle = new DataGridStyle { - MappingName = "Country", - HeaderText = "Country", + HyperlinkTextColor = Colors.Yellow }; -dataGrid.Columns.Add(hyperlinkColumn); {% endhighlight %} {% endtabs %} From 9326ead322234d554a7216b93c249a8ce09f812c Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Thu, 11 Dec 2025 16:33:29 +0530 Subject: [PATCH 7/9] Header changes --- MAUI/DataGrid/Column-types.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 8478d2ed96..0fbbf90685 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1466,7 +1466,7 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren {% endtabs %} -## Cancel the navigation +### Cancel the navigation You can cancel the navigation by setting DataGridCurrentCellRequestNavigatingEventArgs.Cancel to true. {% tabs %} @@ -1481,9 +1481,9 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren {% endhighlight %} {% endtabs %} -## Appearence +### Appearence -### HyperlinkTextColor +#### HyperlinkTextColor You can set the hyperlink text color using the HyperlinkTextColor property. If both HyperlinkTextColor and a DataGridCell TextColor (via implicit or explicit styles) are defined, HyperlinkTextColor takes precedence and will be used. If HyperlinkTextColor is not specified, the implicit or explicit cell styles will determine the hyperlink text color. From c1f4f9a1cb00549bf59d7849822546041194aead Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Thu, 11 Dec 2025 16:38:15 +0530 Subject: [PATCH 8/9] Highlighting the property --- MAUI/DataGrid/Column-types.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index 0fbbf90685..fd689723c7 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1467,7 +1467,7 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren ### Cancel the navigation -You can cancel the navigation by setting DataGridCurrentCellRequestNavigatingEventArgs.Cancel to true. +You can cancel the navigation by setting `DataGridCurrentCellRequestNavigatingEventArgs.Cancel` to true. {% tabs %} {% highlight C# %} @@ -1485,7 +1485,7 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren #### HyperlinkTextColor -You can set the hyperlink text color using the HyperlinkTextColor property. If both HyperlinkTextColor and a DataGridCell TextColor (via implicit or explicit styles) are defined, HyperlinkTextColor takes precedence and will be used. If HyperlinkTextColor is not specified, the implicit or explicit cell styles will determine the hyperlink text color. +You can set the hyperlink text color using the `HyperlinkTextColor` property. If both HyperlinkTextColor and a DataGridCell TextColor (via implicit or explicit styles) are defined, HyperlinkTextColor takes precedence and will be used. If HyperlinkTextColor is not specified, the implicit or explicit cell styles will determine the hyperlink text color. {% tabs %} {% highlight xaml %} From 689d84580808fc893590d3eca13be76cf64cf8dd Mon Sep 17 00:00:00 2001 From: SanjaySF4372 Date: Thu, 11 Dec 2025 16:41:02 +0530 Subject: [PATCH 9/9] Resolving CI --- MAUI/DataGrid/Column-types.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/MAUI/DataGrid/Column-types.md b/MAUI/DataGrid/Column-types.md index fd689723c7..5db4564bf6 100644 --- a/MAUI/DataGrid/Column-types.md +++ b/MAUI/DataGrid/Column-types.md @@ -1481,7 +1481,7 @@ private void dataGrid_CurrentCellRequestNavigating(object sender, DataGridCurren {% endhighlight %} {% endtabs %} -### Appearence +### Appearance #### HyperlinkTextColor