From 04aab79da47dcb530b4930e3ca13a2d30525ecfa Mon Sep 17 00:00:00 2001 From: Gowtham-SF4769 Date: Thu, 26 Jun 2025 11:17:19 +0530 Subject: [PATCH 1/2] FLUT-958402-[others][flutter]: API Link Added --- Flutter/datagrid/filtering.md | 70 +++++++++++++++++------------------ Flutter/datagrid/selection.md | 2 +- 2 files changed, 36 insertions(+), 36 deletions(-) diff --git a/Flutter/datagrid/filtering.md b/Flutter/datagrid/filtering.md index 110ebbd2f..aae9c7547 100644 --- a/Flutter/datagrid/filtering.md +++ b/Flutter/datagrid/filtering.md @@ -1520,47 +1520,47 @@ By default, the `FilterBehavior.strongDataType` applies to numeric, String, and The `SfDataGrid` provides complete color customization support for the filter popup menu, allowing you to personalize its appearance and enhance its visual appeal. -You can apply custom colors and personalize the filter popup menu by configuring the properties listed below through the `SfDataGridTheme.` To enable this, ensure that the `SfDataGrid` is wrapped inside an `SfDataGridTheme` widget. +You can apply custom colors and personalize the filter popup menu by configuring the properties listed below through the `SfDataGridTheme`. To enable this, ensure that the `SfDataGrid` is wrapped inside an `SfDataGridTheme` widget. The `SfDataGridThemeData` and `SfDataGridTheme` classes are available in the [syncfusion_flutter_core](https://pub.dev/packages/syncfusion_flutter_core) package. So, make sure to import the following file. | Properties | Description | |---------------------------|-----------------------------------------------------| -| `advancedFilterPopupDropdownColor` | You can customize the background color of the dropdown in the advanced filter popup using the [SfDataGridThemeData.advancedFilterPopupDropdownColor]() property. | -| `advancedFilterPopupDropdownIconColor` | The color of the dropdown icon in the advanced filter popup can be customized using the [SfDataGridThemeData.advancedFilterPopupDropdownIconColor]() property. | -| `advancedFilterTypeDropdownFocusedBorderColor` | You can customize the focused border color of the advanced filter type dropdown by using the [SfDataGridThemeData.advancedFilterTypeDropdownFocusedBorderColor]() property. | -| `advancedFilterTypeDropdownIconColor` | The background color of the advanced filter type dropdown icon in the `SfDataGrid` can be customized using the [SfDataGridThemeData.advancedFilterTypeDropdownIconColor]() property. | -| `advancedFilterValueDropdownFocusedBorderColor` | The focused border color of the advanced filter value dropdown can be customized using the [SfDataGridThemeData.advancedFilterValueDropdownFocusedBorderColor]() property. | -| `advancedFilterValueDropdownIconColor` | Customize the background color of the advanced filter value dropdown icon using the [SfDataGridThemeData.advancedFilterValueDropdownIconColor]() property. | -| `advancedFilterValueTextAreaCursorColor` | The cursor color in the advanced filter value text area can be customized using the [SfDataGridThemeData.advancedFilterValueTextAreaCursorColor]() property. | -| `andRadioActiveColor` | The active (selected) color of the "AND" radio button in the advanced filter can be customized using the [SfDataGridThemeData.andRadioActiveColor]() property. | -| `andRadioFillColor` | The fill color of the "AND" radio button in the advanced filter can be customized using the [SfDataGridThemeData.andRadioFillColor]() property. | -| `appBarBottomBorderColor` | You can customize the color of the bottom border of the AppBar by using the [SfDataGridThemeData.appBarBottomBorderColor]() property. | -| `calendarIconColor` | The color of the calendar icon in the filter popup menu can be customized using the [SfDataGridThemeData.calendarIconColor]() property. | -| `cancelFilteringLabelButtonColor` | The color of the cancel button in the filter popup can be customized using the [SfDataGridThemeData.cancelFilteringLabelButtonColor]() property. | -| `cancelFilteringLabelColor` | You can customize the color of the cancel label text in the filter popup menu by using the [SfDataGridThemeData.cancelFilteringLabelColor]() property. | -| `captionSummaryRowColor` | The background color of the caption summary row in the `SfDataGrid` can be customized using the [SfDataGridThemeData.captionSummaryRowColor]() property. | -| `caseSensitiveIconActiveColor` | The active (selected) color of the case-sensitive icon in the filter popup menu can be customized using the [SfDataGridThemeData.caseSensitiveIconActiveColor]() property. | -| `caseSensitiveIconColor` | The default color of the case-sensitive icon in the filter popup menu can be customized using the [SfDataGridThemeData.caseSensitiveIconColor]() property. | -| `closeIconColor` | The color of the close icon, which is used to clear the input text in the search area of the filter popup's TextField, can be customized using the [SfDataGridThemeData.closeIconColor]() property. | -| `filterPopupBackgroundColor` | You can customize the background color of the filter popup menu by using the [SfDataGridThemeData.filterPopupBackgroundColor]() property. | -| `filterPopupBottomDividerColor` | The [SfDataGridThemeData.filterPopupBottomDividerColor]() property allows you to define a custom color for the bottom divider in the filter popup, helping to match your application's theme. | -| `filterPopupCheckColor` | The checkmark color of the checkbox in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupCheckColor]() property. | -| `filterPopupCheckboxFillColor` | You can customize the fill color of checkboxes within the filter popup menu by using the [SfDataGridThemeData.filterPopupCheckboxFillColor]() property. | -| `filterPopupDisabledIconColor` | Use the [SfDataGridThemeData.filterPopupDisabledIconColor]() property to define a custom color for disabled icons in the filter popup menu. | -| `filterPopupIconColor` | The color of icons displayed in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupIconColor]() property. | -| `filterPopupInputBorderColor` | You can customize the border color of the input field in the filter popup menu by using the [SfDataGridThemeData.filterPopupInputBorderColor]() property. | -| `filterPopupTopDividerColor` | The color of the top divider in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupTopDividerColor]() property. | -| `noMatchesFilteringLabelColor` | The color of the 'No Matches' label, displayed when no results are found in the filter popup menu, can be customized using the [SfDataGridThemeData.noMatchesFilteringLabelColor]() property. | -| `okFilteringLabelButtonColor` | The color of the OK button in the filter popup menu can be customized using the [SfDataGridThemeData.okFilteringLabelButtonColor]() property. | -| `okFilteringLabelColor` | You can customize the color of the OK label text in the filter popup menu by using the [SfDataGridThemeData.okFilteringLabelColor]() property | -| `okFilteringLabelDisabledButtonColor` | The color of the disabled OK button in the filter popup menu can be customized using the [SfDataGridThemeData.okFilteringLabelDisabledButtonColor]() property | -| `orRadioActiveColor` | The active (selected) color of the 'OR' radio button in the advanced filter can be customized using the [SfDataGridThemeData.orRadioActiveColor]() property. | -| `orRadioFillColor` | The fill color of the 'OR' radio button in the advanced filter can be customized using the [SfDataGridThemeData.orRadioFillColor]() property. | -| `searchAreaCursorColor` | The cursor color in the search area of the filter popup menu can be customized using the [SfDataGridThemeData.searchAreaCursorColor]() property. | -| `searchAreaFocusedBorderColor` | Use the [SfDataGridThemeData.searchAreaFocusedBorderColor]() property to define the focused border color of the search area in the filter popup menu | -| `searchIconColor` | The color of the search icon in the search area of the filter popup menu can be customized using the [SfDataGridThemeData.searchIconColor]() property. | +| `advancedFilterPopupDropdownColor` | You can customize the background color of the dropdown in the advanced filter popup using the [SfDataGridThemeData.advancedFilterPopupDropdownColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterPopupDropdownColor.html) property. | +| `advancedFilterPopupDropdownIconColor` | The color of the dropdown icon in the advanced filter popup can be customized using the [SfDataGridThemeData.advancedFilterPopupDropdownIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterPopupDropdownIconColor.html) property. | +| `advancedFilterTypeDropdownFocusedBorderColor` | You can customize the focused border color of the advanced filter type dropdown by using the [SfDataGridThemeData.advancedFilterTypeDropdownFocusedBorderColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterTypeDropdownFocusedBorderColor.html) property. | +| `advancedFilterTypeDropdownIconColor` | The background color of the advanced filter type dropdown icon in the `SfDataGrid` can be customized using the [SfDataGridThemeData.advancedFilterTypeDropdownIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterTypeDropdownIconColor.html) property. | +| `advancedFilterValueDropdownFocusedBorderColor` | The focused border color of the advanced filter value dropdown can be customized using the [SfDataGridThemeData.advancedFilterValueDropdownFocusedBorderColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterValueDropdownFocusedBorderColor.html) property. | +| `advancedFilterValueDropdownIconColor` | Customize the background color of the advanced filter value dropdown icon using the [SfDataGridThemeData.advancedFilterValueDropdownIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterValueDropdownIconColor.html) property. | +| `advancedFilterValueTextAreaCursorColor` | The cursor color in the advanced filter value text area can be customized using the [SfDataGridThemeData.advancedFilterValueTextAreaCursorColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/advancedFilterValueTextAreaCursorColor.html) property. | +| `andRadioActiveColor` | The active (selected) color of the "AND" radio button in the advanced filter can be customized using the [SfDataGridThemeData.andRadioActiveColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/andRadioActiveColor.html) property. | +| `andRadioFillColor` | The fill color of the "AND" radio button in the advanced filter can be customized using the [SfDataGridThemeData.andRadioFillColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/andRadioFillColor.html) property. | +| `appBarBottomBorderColor` | You can customize the color of the bottom border of the AppBar by using the [SfDataGridThemeData.appBarBottomBorderColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/appBarBottomBorderColor.html) property. | +| `calendarIconColor` | The color of the calendar icon in the filter popup menu can be customized using the [SfDataGridThemeData.calendarIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/calendarIconColor.html) property. | +| `cancelFilteringLabelButtonColor` | The color of the cancel button in the filter popup can be customized using the [SfDataGridThemeData.cancelFilteringLabelButtonColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/cancelFilteringLabelButtonColor.html) property. | +| `cancelFilteringLabelColor` | You can customize the color of the cancel label text in the filter popup menu by using the [SfDataGridThemeData.cancelFilteringLabelColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/cancelFilteringLabelColor.html) property. | +| `captionSummaryRowColor` | The background color of the caption summary row in the `SfDataGrid` can be customized using the [SfDataGridThemeData.captionSummaryRowColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/captionSummaryRowColor.html) property. | +| `caseSensitiveIconActiveColor` | The active (selected) color of the case-sensitive icon in the filter popup menu can be customized using the [SfDataGridThemeData.caseSensitiveIconActiveColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/caseSensitiveIconActiveColor.html) property. | +| `caseSensitiveIconColor` | The default color of the case-sensitive icon in the filter popup menu can be customized using the [SfDataGridThemeData.caseSensitiveIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/caseSensitiveIconColor.html) property. | +| `closeIconColor` | The color of the close icon, which is used to clear the input text in the search area of the filter popup's TextField, can be customized using the [SfDataGridThemeData.closeIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/closeIconColor.html) property. | +| `filterPopupBackgroundColor` | You can customize the background color of the filter popup menu by using the [SfDataGridThemeData.filterPopupBackgroundColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupBackgroundColor.html) property. | +| `filterPopupBottomDividerColor` | The [SfDataGridThemeData.filterPopupBottomDividerColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupBottomDividerColor.html) property allows you to define a custom color for the bottom divider in the filter popup, helping to match your application's theme. | +| `filterPopupCheckColor` | The checkmark color of the checkbox in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupCheckColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupCheckColor.html) property. | +| `filterPopupCheckboxFillColor` | You can customize the fill color of checkboxes within the filter popup menu by using the [SfDataGridThemeData.filterPopupCheckboxFillColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupCheckboxFillColor.html) property. | +| `filterPopupDisabledIconColor` | Use the [SfDataGridThemeData.filterPopupDisabledIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupDisabledIconColor.html) property to define a custom color for disabled icons in the filter popup menu. | +| `filterPopupIconColor` | The color of icons displayed in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupIconColor.html) property. | +| `filterPopupInputBorderColor` | You can customize the border color of the input field in the filter popup menu by using the [SfDataGridThemeData.filterPopupInputBorderColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupInputBorderColor.html) property. | +| `filterPopupTopDividerColor` | The color of the top divider in the filter popup menu can be customized using the [SfDataGridThemeData.filterPopupTopDividerColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/filterPopupTopDividerColor.html) property. | +| `noMatchesFilteringLabelColor` | The color of the 'No Matches' label, displayed when no results are found in the filter popup menu, can be customized using the [SfDataGridThemeData.noMatchesFilteringLabelColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/noMatchesFilteringLabelColor.html) property. | +| `okFilteringLabelButtonColor` | The color of the OK button in the filter popup menu can be customized using the [SfDataGridThemeData.okFilteringLabelButtonColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/okFilteringLabelButtonColor.html) property. | +| `okFilteringLabelColor` | You can customize the color of the OK label text in the filter popup menu by using the [SfDataGridThemeData.okFilteringLabelColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/okFilteringLabelColor.html) property | +| `okFilteringLabelDisabledButtonColor` | The color of the disabled OK button in the filter popup menu can be customized using the [SfDataGridThemeData.okFilteringLabelDisabledButtonColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/okFilteringLabelDisabledButtonColor.html) property | +| `orRadioActiveColor` | The active (selected) color of the 'OR' radio button in the advanced filter can be customized using the [SfDataGridThemeData.orRadioActiveColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/orRadioActiveColor.html) property. | +| `orRadioFillColor` | The fill color of the 'OR' radio button in the advanced filter can be customized using the [SfDataGridThemeData.orRadioFillColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/orRadioFillColor.html) property. | +| `searchAreaCursorColor` | The cursor color in the search area of the filter popup menu can be customized using the [SfDataGridThemeData.searchAreaCursorColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/searchAreaCursorColor.html) property. | +| `searchAreaFocusedBorderColor` | Use the [SfDataGridThemeData.searchAreaFocusedBorderColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/searchAreaFocusedBorderColor.html) property to define the focused border color of the search area in the filter popup menu | +| `searchIconColor` | The color of the search icon in the search area of the filter popup menu can be customized using the [SfDataGridThemeData.searchIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/searchIconColor.html) property. | > **NOTE** The `cancelFilteringLabelColor`, `filterPopupBottomDividerColor`, and `okFilteringLabelColor` properties are supported only on desktop platforms. diff --git a/Flutter/datagrid/selection.md b/Flutter/datagrid/selection.md index dccb88e39..01d982d25 100644 --- a/Flutter/datagrid/selection.md +++ b/Flutter/datagrid/selection.md @@ -1261,7 +1261,7 @@ The Datagrid provides the following callbacks to handle interactions with the ce ### Getting row details -To retrieve the details of a row in the DataGrid, use the [controller](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/SfDataGrid/controller.html) property. Create an instance of the [DataGridController](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridController-class.html) and assign it to the controller property of the DataGrid. To obtain the details of a row, use the `getRowDetails` method from the controller, providing the index as the parameter. This method returns a `DataGridRowDetails`, which includes the following properties: +To retrieve the details of a row in the DataGrid, use the [controller](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/SfDataGrid/controller.html) property. Create an instance of the [DataGridController](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridController-class.html) and assign it to the controller property of the DataGrid. To obtain the details of a row, use the [getRowDetails](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridController/getRowDetails.html) method from the controller, providing the index as the parameter. This method returns a [DataGridRowDetails](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridRowDetails-class.html), which includes the following properties: * [rowType](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/RowType.html) – Returns the type of the row (e.g., dataRow, headerRow). From a1f67c05251e6952116df8309d67ea0fa9d0bfc5 Mon Sep 17 00:00:00 2001 From: Gowtham-SF4769 Date: Thu, 26 Jun 2025 11:28:47 +0530 Subject: [PATCH 2/2] FLUT-958402-[others][flutter]: API Link Added --- Flutter/datagrid/selection.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Flutter/datagrid/selection.md b/Flutter/datagrid/selection.md index 01d982d25..1ef0b3495 100644 --- a/Flutter/datagrid/selection.md +++ b/Flutter/datagrid/selection.md @@ -1267,7 +1267,7 @@ To retrieve the details of a row in the DataGrid, use the [controller](https://p * [dataGridRow](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridRow-class.html) – Provides the DataGridRow corresponding to the specified index. -* isSelected – Indicates whether the row is currently selected. +* [isSelected](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/DataGridRowDetails/isSelected.html) – Indicates whether the row is currently selected. {% tabs %} {% highlight Dart %}