New to Telerik UI for WPF? Download free 30-day trial

Expand and Collapse Support

RadCardView provides you with the ability to collapse and expand cards and groups.

A card or a group can be expanded/collapsed via the expander button in the UI of the control.

Figure 1: RadCardView group and card expander

WPF RadCardView RadCardView group and card expander

To expand/collapse an item in code use the Collapse and Expand methods of RadCardView. The methods will toggle the expand state of a card if you provide a data item as an argument, or a group if you provide an IGroup object.

Example 1: Expanding and collapsing a card

var itemsSource = (ObservableCollection<MyDataItem>)this.cardView.ItemsSource; 
var fistItem = itemsSource[0]; 
 
this.cardView.Expand(fistItem); 
 
this.cardView.Collapse(fistItem); 

Example 2: Expanding and collapsing a group

var collectionView = (QueryableCollectionView)this.cardView.ItemsSource; 
var firstGroup = collectionView.Groups[0]; 
 
this.cardView.Expand(firstGroup); 
 
this.cardView.Collapse(firstGroup); 

Read the Data Binding article to see how to populate the RadCardView with items and how enable grouping.

See Also

In this article