Conditionally Change the Control's Appearance

• Mar 20, 2023
• 2 minutes to read

This document describes how to change the appearance of the report control based on a condition.

Use Appearance Properties

1. Select the report control and click the f-button:

   

2. In the invoked Expression Editor enter the expression for the ForeColor property that displays prices greater than 50 in Red:

   Iif([UnitPrice] >= 50, 'Red','Black')
   

   

3. The result is shown in the following image:

   

You can specify the expression in code:

C#

tableCell4.ExpressionBindings.Add(
new DevExpress.XtraReports.UI.ExpressionBinding()
{
    EventName = "BeforePrint",
    PropertyName = "ForeColor",
    Expression = "Iif([UnitPrice] >= 50, \'Red\',\'Black\') "
}); 

VB.NET

tableCell4.ExpressionBindings.Add(New DevExpress.XtraReports.UI.ExpressionBinding() With {
    .EventName = "BeforePrint",
    .PropertyName = "ForeColor",
    .Expression = "Iif([UnitPrice] >= 50, 'Red','Black') "
}) 

Use Styles

1. Create a new table report bound to the Products table of the sample Northwind database.

2. Open the Report Explorer window, and right-click the Styles category to create a new visual style:

   

3. Right-click the newly created style and select Edit Styles.

   

4. In the invoked Styles Editor you can specify the style appearance settings. Set the ForeColor to Red.

   

5. Clone the style to create another style.

   

6. Change the ForeColor to Black in the new style and close the editor.

   

7. Open the Report Explorer window, and select the table2 report element to which you wish to assign the created styles.

   

8. Switch to the Properties window and clear the Style settings for the table2 element.

   

9. Clear the Style settings for the table2 child elements - the tableCell3 and tableCell4 elements.

   

10. Switch to the Expressions tab. Click the ellipsis button next to the StyleName property in the Appearance section.

    

11. In the invoked Expression Editor enter the expression that switches between styles and click Ok to close the editor.

    Iif([UnitPrice] <= 50, 'xrControlStyle2','xrControlStyle1')
    

    

12. Preview the resulting report.