FormatCondition Class

A value based conditional format.

Assembly: DevExpress.Xpf.Grid.v20.2.Core.dll

NuGet Packages: DevExpress.WindowsDesktop.Wpf.Grid.Core, DevExpress.Wpf.Grid.Core

Declaration

C#
VB.NET

public class FormatCondition :
    ExpressionConditionBase

Public Class FormatCondition
    Inherits ExpressionConditionBase

Remarks

This conditional format allows you to format cells comparing cell values with static values.

The image below shows a grid column whose Profit cells are red if their values are greater than 10M.

CFValue

To create this conditional format in code, create the FormatCondition class instance and specify the following settings:

Specify the comparison logic in one of the following ways:
- Specify the FormatCondition.ValueRule, FormatCondition.Value1 (and FormatCondition.Value2 for Between rule) properties to define how cell values should be compared to boundary value(s).
- Specify the custom expression by setting the FormatConditionBase.Expression property.
Use the FormatConditionBase.FieldName property to specify the column’s field name to which to apply the conditional format.
Specify the target cells’ formatting in one of the following ways:
- Specify the predefined format using the FormatConditionBase.PredefinedFormatName property.
- Set the custom format using the ExpressionConditionBase.Format property.
Add the resulting FormatCondition instance to the TableView.FormatConditions (or TreeListView.FormatConditions) collection.

The following code sample illustrates how to define a conditional format in markup:

XAML

<dxg:TableView.FormatConditions>
   <dxg:FormatCondition ValueRule="Greater" Value1="10000000" FieldName="Profit" PredefinedFormatName="LightRedFillWithDarkRedText" />   
</dxg:TableView.FormatConditions>

The code sample below illustrates how to define the same conditional format in code-behind:

C#
VB.NET

var profitFormatCondition = new FormatCondition() {
   ValueRule = ConditionRule.Greater,
   Value1 = 10000000,
   FieldName = "Profit",
   PredefinedFormatName = "LightRedFillWithDarkRedText"
};
view.FormatConditions.Add(profitFormatCondition);

Dim profitFormatCondition = New FormatCondition() With {
   .ValueRule = ConditionRule.Greater,
   .Value1 = 10000000,
   .FieldName = "Profit",
   .PredefinedFormatName = "LightRedFillWithDarkRedText"
}
view.FormatConditions.Add(profitFormatCondition)

The following code snippets (auto-collected from DevExpress Examples) contain references to the FormatCondition class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

wpf-data-grid-apply-conditional-formatting/CS/ConditionalFormatting/MainWindow.xaml#L25

<dxg:TableView.FormatConditions>
    <dxg:FormatCondition Expression="[SalesVsTarget] &lt; 0.0m" FieldName="SalesVsTarget" PredefinedFormatName="RedText"/>
    <dxg:FormatCondition Expression="[Profit] &lt; 0.0" FieldName="Profit">

how-to-bind-gridcontrol-to-the-condition-formattings-specified-in-a-viewmodel-t408134/CS/DXSample/MainWindow.xaml#L24

<ContentControl>
    <dxg:FormatCondition
        ApplyToRow="{Binding Path=(dxci:DependencyObjectExtensions.DataContext).ApplyToRow, RelativeSource={RelativeSource Self}}"

wpf-data-grid-disable-rows-based-on-their-values/CS/WpfApplication/MainWindow.xaml#L53

<dxg:TableView.FormatConditions>
    <dxg:FormatCondition Expression="![AllowEdit]">
        <dxg:FormatCondition.Format>

how-to-use-scrollbar-annotations-t534664/CS/WpfApplication25/MainWindow.xaml#L31

<dxg:TableView.FormatConditions>
    <dxg:FormatCondition Expression="[Number] &gt; 2.0m and [Number] &lt; 4.0m" FieldName="Number" ApplyToRow="True">
        <dx:Format Background="Green"/>

how-to-use-a-custom-function-in-conditional-formatting-t167315/CS/CustomFilterOperationExample/MainWindow.xaml#L16

<dxg:TableView.FormatConditions>
    <dxg:FormatCondition Expression="Function([FirstNum], [SecondNum], [TherdNum])">
        <dxg:Format Background="LimeGreen" Foreground="White"/>