Skip to main content
Tab

CardViewFormatConditionHighlight.CardStyle Property

Gets the style settings defining the custom conditional formatting applied to cards.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

public CardViewCardStyle CardStyle { get; }

Property Value

Type Description
CardViewCardStyle

A CardViewCardStyle object that contains the style settings.

Remarks

When the GridFormatConditionExpressionBase.Format property is set to Custom and the CardViewFormatConditionHighlight.ApplyToCard property is set to true, use the CardStyle property to specify the style settings that are applied to a card whose cell’s value meets the condition specified by the GridFormatConditionHighlight.Rule property.

Online Demo

Conditional Formatting

Example

...
{
    CardViewFormatConditionColorScale Format1 = new CardViewFormatConditionColorScale();
    Format1.FieldName = "Discount";
    Format1.Format = GridConditionColorScaleFormat.GreenYellow;
    Format1.MinimumValue = 0.15;
    Format1.MaximumValue = 0.25;

    CardViewFormatConditionHighlight Format2 = new CardViewFormatConditionHighlight();
    Format2.Format = GridConditionHighlightFormat.Custom; 
    Format2.CardStyle.BackColor = Color.Orange;
    Format2.ApplyToCard = true;
    Format2.Rule = GridConditionRule.Expression;
    Format2.Expression = "[Quantity] < 50";
    Format2.FieldName = "Quantity";

    CardViewFormatConditionTopBottom Format3 = new CardViewFormatConditionTopBottom();
    Format3.FieldName = "UnitPrice";
    Format3.Format = GridConditionHighlightFormat.BoldText;
    Format3.Rule = GridTopBottomRule.TopItems;
    Format3.Threshold = 10;

    ASPxCardView1.FormatConditions.Add(Format1);
    ASPxCardView1.FormatConditions.Add(Format2);
    ASPxCardView1.FormatConditions.Add(Format3);
}
See Also