Experiencing a few issues with ListView containing CardLayout & CardView

[Brian Adams]

Hi, I can upload privately but I wanted to start this thread publicly because it looks like others may be experiencing these issues too.

I'm using ListView in a Master Detail Page and the Cards are swipable even though I have AllowSwiping="false" and like others I'm getting blank list for the first call.  Once I call it again it shows the list but cards are still swipable.  

I can share part of the Xaml and the TournamentView is only a StackLayout with a grid.   I'm using your latest vesrion 17.1.0.48 Xamarin.Forms 3.6.0.344457

   <StackLayout Orientation="Vertical" VerticalOptions="FillAndExpand"  HorizontalOptions="FillAndExpand">
                               
                                <sync:SfListView x:Name="listViews" ItemsSource="{Binding Tournaments}" IsScrollBarVisible="true" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" SelectionMode="None" AllowSwiping="false"   
                                                 BackgroundColor="White" Orientation="Vertical" FocusBorderColor="Transparent" FocusBorderThickness="0" ItemSize="235" ItemSpacing="0,5,0,5" AutoFitMode="Height" SwipeOffset="100">
                                    <sync:SfListView.Behaviors>
                                        <behaviors:EventToCommandBehavior EventName="ItemTapped"
                                                                          EventArgsParameterPath="Item"
                                                                          Command="{Binding BindingContext.TournamentSelectedCommand,Source={x:Reference masterDetailPage}}" />
                                        </sync:SfListView.Behaviors>  
                                            <sync:SfListView.ItemTemplate >
                                                <DataTemplate >
                                                    <card:SfCardLayout  x:Name="cardLayout" BackgroundColor="White"  HorizontalOptions="Fill" VerticalOptions="Fill" HeightRequest="235" > 
                                                        
                                                        <card:SfCardView x:Name="cardView" HasShadow="true"  ShadowColor="Black" CornerRadius="12" BorderColor="White"  IndicatorThickness="10" IndicatorPosition="Bottom" IndicatorColor="DarkGray" >
                                                                           
                                                            <controls:TournamentView  />
                                                                               
                                                        </card:SfCardView>
                                                        
                                                    </card:SfCardLayout>
                                                    
                                                </DataTemplate>
                                        </sync:SfListView.ItemTemplate>
                                              
                                                     
                                    </sync:SfListView>
                                       
                            </StackLayout>   

[Gnana Priya Namasivayam]

Hi Brain, 

Thanks for using Syncfusion products. 

We have checked the reported query by replacing your SfListView in MasterDetail page. ListView didn’t swipe as reported and can you please explain how you call the page with listview each time. Can you please explain us the case in which issue reproduces. We have attached the tested sample for your reference, please find the sample from below link. 

Sample Link: http://www.syncfusion.com/downloads/support/forum/144894/ze/ListViewSample1274809748  

Can you please check with the above sample whether issue reproduces in our sample also. If not, please revert us back with the issue reproducible sample. So that we could able to reproduce and analyze the reported issue better and provide appropriate solution at our end. 

Regards, 

Gnana Priya N 

[Brian Adams]

This code crashes is failing to load sfListViewSample.App

Attachment: runtimecrash.txt_43cf675d.zip

[Dinesh Babu Yadav]

Hi Brian, 

 

Apologize for the inconvenience. 

 

We have resolved the reported error “Xamarin.Forms.Xaml.XamlParseException” in the given sample. Could you please check with the following sample? 

Sample: http://www.syncfusion.com/downloads/support/forum/144894/ze/Swipe_1448941234613703  

 

Regards, 

Dinesh Babu Yadav 

[Brian Adams]

Ah ha! I think it's in the CardLayout.  try the attached, the cards are now swipable. :) . Bug or am I the Bug???

Thank you! 

Attachment: Swipe_2_c400c412.zip

[Dinesh Babu Yadav]

Hi Brian, 

 

We would like to inform you that you must define SwipeToDismiss property as False to card view and then load the cardView directly to Itemtemplate without SfCardLayout to avoid swiping. We have modified the sample for your reference, please find the  refer the following link from below. 

 

Sample : http://www.syncfusion.com/downloads/support/forum/144894/ze/SWIPE2~1399777455  

 

 

<StackLayout Orientation="Vertical" VerticalOptions="FillAndExpand"  HorizontalOptions="FillAndExpand"> 

            <sync:SfListView x:Name="listView" ItemsSource="{Binding MusicInfo}"> 

                <sync:SfListView.ItemTemplate > 

                    <DataTemplate>  

                            <card:SfCardView x:Name="cardView" SwipeToDismiss="False"> 

                                <Grid RowSpacing="0" ColumnSpacing="0"> 

                                    <Grid.RowDefinitions> 

                                        <RowDefinition Height="*"></RowDefinition> 

                                        <RowDefinition Height ="30"></RowDefinition> 

                                    </Grid.RowDefinitions> 

                                    <Label Text="{Binding SongTitle}" Margin="5,5,0,0" ></Label> 

                                    <Label Grid.Row="1" Text="{Binding SongAuther}" FontSize="8"  Margin="5,0,0,0"></Label> 

                                </Grid> 

                            </card:SfCardView> 

                    </DataTemplate> 

                </sync:SfListView.ItemTemplate> 

            </sync:SfListView> 

</StackLayout> 

 

 

To know more about card view , please refer our documentation here. 

 

Please let us know if you have any further queries. 

 

Regards, 

Dinesh Babu Yadav