We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change the Foreground of Selected Row in the GridDataControl based on the ConditionalFormats?

Platform: WPF |
Control: GridDataControl |
.NET Framework: 4.5

When you set the GridDataControl.Foreground, it applies foreground to GridDataControl and the selected row is displayed based on the GridDataControl.StyleManager.RowAppearence.HighlightSelectionForeground

When you want to set the same foreground to the non-selected rows and selected rows, you need to set the same foreground to the GridDataControl.Foreground and GridDataControl.StyleManager.RowAppearence.HighlightSelectionForeground properties as shown in the following code example.

<syncfusion:GridDataControl Name="grid "
                            ItemsSource="{Binding Employee}"
            <syncfusion:RowAppearence HighlightSelectionForeground="Green "/>

When setting foreground to the specific cell based on the ConditionalFormats, the selected row foreground is based on the GridDataControl.StyleManager.RowAppearence.HighlightSelectionForeground instead of ConditionalFormats Foreground. You can overcome this problem by setting the e.Style.Foreground within PrepareRenderCell event conditionally.

The following code example shows how to set the foreground to the specific cell based on the ConditionalFormats.

    <syncfusion:GridDataConditionalFormat Name="EmployeeID" ApplyStyleToColumn="EmployeeID">
            <syncfusion:GridDataStyleInfo Foreground="Blue" SelectionBrush="Blue"/>
            <syncfusion:GridDataCondition ColumnName="EmployeeID"
                                Value="1000" />


The following code example shows how to set the e.Style.Foreground within the PrepareRenderCell event based on the condition.

using Syncfusion.Windows.Controls.Grid;
public MainWindow()
private void grid_ModelLoaded(object sender, EventArgs e)
    grid.Model.Grid.PrepareRenderCell += Grid_PrepareRenderCell;
void Grid_PrepareRenderCell(object sender, GridPrepareRenderCellEventArgs e)
    if (e.Style.RowIndex > 0)
        var columnindex = this.grid.Model.ResolvePositionToVisibleColumnIndex(e.Style.ColumnIndex);
        if (columnindex >= 0 && this.grid.VisibleColumns[columnindex].MappingName == "EmployeeID")
            var cell = this.grid.Model[e.Cell.RowIndex, e.Style.ColumnIndex].CellValue;
            int result = Convert.ToInt32(cell);
            if (result == 1000)
                //set Selected row Foreground color
                e.Style.Foreground = Brushes.Blue;
            e.Style.Foreground = Brushes.Green;



By using the same way, you can set the Foreground to HoveringRecordCell with the help of the GridDataControl.StyleManager.RowAppearence.HoveringRecordCellForeground property in GridDataControl.


The following screenshot shows the output of the GridDataControl where the Foreground of Selected row is changed from its default color.



You can refer to the following sample links to change the foreground color for selected row in GridDataControl based on Conditional formats.

Sample link: ForegroundColorForSelectedRow_WPF

2X faster development

The ultimate WPF UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile