DevExpress-Examples/maui-cards-with-custom-content

This example demonstrates how to turn DXButton controls into clickable cards with custom content. For example, the bottom card displays a ChartView.

.NET MAUI Controls - Cards with Custom Content

This example demonstrates how to turn DXButton controls into clickable cards with custom content. For example, the bottom card displays a ChartView.

Included controls and their properties:

• Label: Text

• DXButton: Content, Clicked

If a control in a DXButton intercepts a click, set the control's InputTransparent property to true. In this case, the control handles clicks instead of the DXButton:

<dx:DXButton Clicked="Button_Clicked" ...>
    <Grid>
        <views:PageviewsAreaChartView InputTransparent="True"/>
    </Grid>
</dx:DXButton>

Files to Look At

• MainPage.xaml
• ChannelsDonutView.xaml
• PageviewsAreaChartView.xaml
• ChannelDonutViewModel.cs
• PageviewsAreaChartViewModel.cs
• App.xaml

Documentation

• Featured Scenario: Cards with Custom Content
• Featured Scenarios
• DXButton.Content
• DXButton.Clicked

More Examples

• DevExpress Mobile UI for .NET MAUI

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)