ContextMenuContainer icon indicating copy to clipboard operation
ContextMenuContainer copied to clipboard

How can I apply the context menu to each item on a collection view?

Open vhugogarcia opened this issue 2 months ago • 0 comments

Thanks for this great plugin for MAUI. I am trying to implement it on a CollectionView without success.

<CollectionView
                            x:Name="collectionView"
                            BackgroundColor="{toolkit:AppThemeResource SurfaceContainerLowest}"
                            Margin="0,0,0,0"
                            SelectionMode="Single"
                            SelectionChanged="OnVisitorsCollectionViewSelectionChanged"
                            ItemsSource="{Binding People}">
                            <CollectionView.ItemTemplate>
                                <DataTemplate
                                    x:DataType="InfrastructureModels:People">
                                        <c:ContextMenuContainer x:Name="container1" AutomationId="container1">
                                            <c:ContextMenuContainer.MenuItems>
                                                <c:ContextMenuItem x:Name="c1_action1" Text="Remover" Command="{Binding x:DataType='vm:DashboardViewModel', Source={RelativeSource AncestorType={x:Type vm:DashboardViewModel}}, Path=DeletePeopleCommand}" CommandParameter="{Binding}" />
                                            </c:ContextMenuContainer.MenuItems>
                                            <c:ContextMenuContainer.Content>
                                                <Grid
                                                    BackgroundColor="{toolkit:AppThemeResource SurfaceContainerLowest}"
                                                    RowDefinitions="64"
                                                    ColumnDefinitions="40, *, 40"
                                                    Padding="0,0">
                                                    <Border
                                                        StyleClass="icon-container"
                                                        Grid.Column="0"
                                                        Grid.Row="0">
                                                        <Label
                                                            StyleClass="icon-letter"
                                                            Text="{Binding FirstLetter}" />
                                                    </Border>
                                                    <Label
                                                        Grid.Column="1"
                                                        Grid.Row="0"
                                                        Text="{Binding FullName}"
                                                        StyleClass="list-item-text" />
                                                    <Image
                                                        StyleClass="icon-star"
                                                        Grid.Column="2"
                                                        Grid.Row="0"
                                                        IsVisible="{Binding Favorite}" />
                                                </Grid>
                                            </c:ContextMenuContainer.Content>
                                        </c:ContextMenuContainer>
                                </DataTemplate>
                            </CollectionView.ItemTemplate>
                        </CollectionView>

What I could be missing? I could not find a sample on the repository.

Any help is always welcome :)

Thanks in advance

vhugogarcia avatar Nov 13 '25 02:11 vhugogarcia