Konstrukt
Search…
Count Cards
Configuring count cards in Konstrukt, the back office 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 simple data visualizations based on simple counts of entities in a collection.
If you need to do more than a simple count, you'll want to take a look at the custom cards documentation.

Cards allow you to display simple 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) => quot;{v}%");
Copy link
Edit on GitHub
On this page
Adding a count card to a collection
Change the color of a count card
Add a suffix to a count value
Formatting the value of a count