Expandable Cards with Lists

Dec 12, 2023

This example shows you how to use a DXCollectionView to create expandable cards with lists. A card displays the first few items from a lengthy list. Users can click the header to access all items. The buttons in the footer can implement any required actions.

View Example: Expandable Cards with Lists

Related Controls : DXButton, DXCollectionView

Anatomy

The following image illustrates the projects’s anatomy:

A. Header
B. List Items
C. Footer (optional)

Implementation Details

Refer to the following GitHub example to see implementation details:

View Example: Expandable Cards with Lists