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

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

C#

	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

C#

	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

• Getting Started
• Events