Count Cards
Configuring count cards in Umbraco UI Builder, the backoffice UI builder for Umbraco.
Count cards allow you to define cards directly against the collection configuration, providing a basic where clause to use in a count SQL statement. These work perfectly for basic data visualizations based on counts of entities in a collection.
If you need to do more than a basic count, you'll want to take a look at the custom cards documentation.
Cards allow you to display basic summaries of key information that may be useful to the editor.
Adds a card with the given name and where clause filter expression. Expression must be a
boolean
expression.// Example
collectionConfig.AddCard("Older than 30", p => p.Age > 30, cardConfig => {
...
});
Adds a card with the given name + icon and where clause filter expression. Expression must be a
boolean
expression.// Example
collectionConfig.AddCard("Older than 30", "icon-umb-users", p => p.Age > 30, cardConfig => {
...
});
Sets the color of the card.
// Example
cardConfig.SetColor("blue");
Sets the suffix of the card value.
// Example
cardConfig.SetSuffix("years");
Sets the format expression for the card.
// Example
cardConfig.SetFormat((v) => $"{v}%");
Last modified 1mo ago