Options
All
  • Public
  • Public/Protected
  • All
Menu

The Predefined Configuration for the Conditional Style function

Use Conditional Styles to set rules for how columns or rows should look visualy based on the data they contain.

Conditional Styles uses an Expression (aka Queries) for evaluation.

Further Resources

Conditional Style Help

Conditional Style Videos

Conditional Style Demo

Conditional Style Blotter API

Conditional Style FAQ

Conditional Style Predefined Config Example

export default {
ConditionalStyle: {
  ConditionalStyles: [
    {
      ColumnId: 'ChangeLastOrder',
      Style: {
        ForeColor: '#008000',
      },
      ConditionalStyleScope: 'Column',
      Expression: {
        FilterExpressions: [
          {
            ColumnId: 'ChangeLastOrder',
            Filters: ['Positive'],
          },
        ],
      },
    },
    {
      ColumnId: 'ChangeLastOrder',
      Style: {
       ForeColor: '#ff0000',
      },
      ConditionalStyleScope: 'Column',
      Expression: {
        FilterExpressions: [
          {
            ColumnId: 'ChangeLastOrder',
            Filters: ['Negative'],
          },
        ],
      },
    },
    {
      Style: {
        BackColor: '#ffffcc',
        FontStyle: 'Italic',
        ForeColor: '#000000',
      },
      ConditionalStyleScope: 'Row',
      Expression: {
        RangeExpressions: [
          {
            ColumnId: 'ItemCost',
            Ranges: [
              {
                Operand1: '80',
                Operand1Type: 'Value',
                Operand2: '',
                Operand2Type: 'Value',
                Operator: 'GreaterThan',
              },
            ],
          },
        ],
      },
    },
  ],
},
} as PredefinedConfig;

Hierarchy

Index

Properties

Properties

Optional ConditionalStyles

ConditionalStyles: ConditionalStyle[]

Generated using TypeDoc