Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Master-Detail View with BottomSheet Control

This example uses our BottomSheet control to implement a master-detail view. A master view consists of the CollectionView control. Every master view item contains multiple items that you can review in a detail view displayed in the BottomSheet control. A detail view includes a list of items (CollectionView) and quick action (Buttons). These buttons can invoke any required actions.

View Example: Master-Detail View with BottomSheet

Related Controls: CollectionView, BottomSheet, DXButton, DXImage

#Anatomy

The following image illustrates the anatomy of this project:

CollectionView - ListCard Anatomy

Related Members:

#Implementation Details

Refer to the following GitHub example to see implementation details:

View Example: Master-Detail View with BottomSheet