We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

SfListView 17.0.3.14 Visual="Material" swipe problem.

Thread ID:

Created:

Updated:

Platform:

Replies:

148220 Oct 10,2019 11:54 AM UTC Nov 28,2019 11:58 AM UTC Xamarin.Forms 10
loading
Tags: SfListView
Radoslaw Kubas
Asked On October 10, 2019 11:54 AM UTC

Hello,
After update to 17.0.3.14 I noticed swipe problem when Visual="Material". When swipe starts left and right, the swipe view actually not swipe but shows fully extended.
Attached sample shows problem.
Best regards,
Radek

Attachment: SfListView02_48cac2.zip

Sangeetha Raju [Syncfusion]
Replied On October 11, 2019 09:42 AM UTC

Hi Radoslaw, 
 
We would like to inform you that swipe view will be slided and shown instead of resize when using Material design. It is the default behavior. You can overcome the reported query by setting the BackgroundColor for the Grid apart from transparent as like below code snippet.  
 
<xForms:SfListView ItemsSource="{Binding Items}" SelectionMode="None" AllowSwiping="True"> 
   <xForms:SfListView.ItemTemplate> 
      <DataTemplate> 
         <Grid BackgroundColor="White"> 
            <Label Text="{Binding .}"/> 
         </Grid> 
      </DataTemplate> 
   </xForms:SfListView.ItemTemplate> 
</xForms:SfListView> 
 
If you are using selection with it, you can achieve selection using the SelectedItemTemplate as like below code snippet. 
 
<xForms:SfListView ItemsSource="{Binding Items}" SelectionMode="Single"  AllowSwiping="True"> 
   <xForms:SfListView.SelectedItemTemplate> 
      <DataTemplate> 
         <Grid> 
            <Label Text="{Binding .}"/> 
         </Grid> 
      </DataTemplate> 
   </xForms:SfListView. SelectedItemTemplate>  
</xForms:SfListView> 
 
 
We have modified the sample for your reference. Please find the sample from the below link. 
 
 
Please let us know if you have any further assistance. 
 
Regards, 
Sangeetha Raju. 


Radoslaw Kubas
Replied On October 13, 2019 09:06 PM UTC

Hello,

Thank you for explanation and example. Works as you explained and since it is by design, I believe it would be nice to have any property to control it, not just depends on Visual. 

I noticed one more "Material" problem with SfListView. With this Visual controls inside SfListView are not active, you can't tap on buttons or entry. I guess that SfEffectsView handles all gestures and not pass it to controls inside.

I modified example to show problem. Could you help me how to fix it?

Best regards,
Radek

Attachment: SfListView02_bb225302.zip

Sangeetha Raju [Syncfusion]
Replied On October 14, 2019 12:20 PM UTC

Hi Radoslaw, 
 
We would like to inform you that we have logged the reported issue already. Currently, we are working on it. We have planned to fix this issue in next weekly nuget which is to be rolled out on October 22, 2019. We will appreciate your patience until then. 
 
Regards, 
Sangeetha Raju. 


Sangeetha Raju [Syncfusion]
Replied On October 15, 2019 02:09 PM UTC

Hi Radoslaw, 
  
We are glad to announce that our Essential Studio Weekly Nuget version 17.3.0.17 has been published in nuget.org(https://www.nuget.org/).  
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
  
Regards,
Sangeetha Raju.
 


Radoslaw Kubas
Replied On October 16, 2019 06:58 AM UTC

Hello,

 Thank you for your update.

Radek

Sangeetha Raju [Syncfusion]
Replied On October 17, 2019 06:50 AM UTC

Hi Radoslaw, 
 
Thanks for the update. Please let us if you require any further assistance. 
 
Regards, 
Sangeetha Raju. 
 


Alex
Replied On November 26, 2019 07:46 PM UTC

Hi there,

I'm using the latest version (17.3.0.29) and I'm trying to use SfEffectsView with SfListView ItemTemplate. Unfortunately, while it shows an effect, SfListView TapCommand not firing. Please support.

   <listview:SfListView.ItemTemplate>
                    <DataTemplate>
                        <syncEffectsView:SfEffectsView  BackgroundColor="{StaticResource Primary}"
                                           x:Name="itemEffect" 
                                           TouchDownEffects="Ripple"
                                           RippleColor="{StaticResource PrimaryLight}" 
                                                                                      Padding="0"  
                                                                                      Margin="5,1,5,1">                   
                            <Grid Padding="5">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="1*" />
                                </Grid.ColumnDefinitions>
                           </Grid> 
                        </syncEffectsView:SfEffectsView>
                    </DataTemplate>
    </listview:SfListView.ItemTemplate>

Gnana Priya Namasivayam [Syncfusion]
Replied On November 27, 2019 11:23 AM UTC

Hi Radoslaw, 
  
We have checked the reported query “In iOS, TapCommand is not firing when EffectsView is added inside ItemTemplate (17.3.0.29)” from our side. We could able to reproduce the reported issue in android platform alone in which EffectsView handles the touches to ListView, you can overcome the reported issue by using ShouldIgnoreTouches as True. If you are adding Gestures for your ItemTemplate then you should handle ShouldIgnoreTouches property for False in iOS and True in Android separately. 
 
We have attached sample and code for your reference,
 
 
  
<sync:SfListView.ItemTemplate> 
      <DataTemplate x:Name="ItemTemplate" > 
         <syncEffectsView:SfEffectsView  BackgroundColor="LightGreen" 
                                         x:Name="itemEffect" ShouldIgnoreTouches="True" 
                                         TouchDownEffects="Ripple" 
                                         RippleColor="LightYellow" Padding="0"  Margin="5,1,5,1">    
                    <Grid Padding="5" RowSpacing="2" ColumnSpacing="2"> 
                        <Grid.ColumnDefinitions> 
                             <ColumnDefinition Width="Auto"/> 
                             <ColumnDefinition Width="*"/> 
                             <ColumnDefinition Width="Auto"/> 
                        </Grid.ColumnDefinitions> 
  
                        <Grid Grid.Column="0" BackgroundColor="White"> 
                                <Label x:Name="TitleLabel" LineBreakMode="NoWrap" VerticalOptions="Center" Text="{Binding Title}" 
                       FontAttributes="Bold" TextColor="Black"> 
                                    
                                </Label> 
                        </Grid> 
                        <Grid Grid.Column="1"  BackgroundColor="White"> 
                                <Label x:Name="DescriptionLabel" VerticalOptions="Center" Text="{BindingDescription}" TextColor="Teal"/> 
                        </Grid> 
                        <Frame Grid.Column="2" Padding="4,2,4,2" BackgroundColor="White"> 
                                <Label x:Name="TagLabel" VerticalOptions="Center"  LineBreakMode="NoWrap" Text="{Binding Tag}" 
                          FontSize="10" TextColor="Black"/> 
                        </Frame> 
                        </Grid> 
         </syncEffectsView:SfEffectsView> 
     </DataTemplate> 
</sync:SfListView.ItemTemplate> 
 
Please let us know whether the reported issue resolved at your end. 
  
Regards, 
Gnana Priya N

Alex
Replied On November 27, 2019 04:34 PM UTC

Well, ListView TapCommand works now but there is no animation on SfEffectsView so it's use is pointless in this case

Gnana Priya Namasivayam [Syncfusion]
Replied On November 28, 2019 11:58 AM UTC

Hi Radoslaw, 
 
Sorry for the inconvenience caused. 
 
We would like to inform you that as per the current behavior of EffectsView touch will pass to the view and it won't return to the parent. Because of this case in Android, ListView ItemTapped Command not working. Also, we should not handle ShouldIgnoreTouches to pass touch to the parent, since it required for EffectsView. We wrongly mentioned you to use the same in our last update. If your requirement is to Ripple while selection you can achieve the same by enabling the Visual as Material as in the following Case1. 

If your requirement to handle the selection with the combination you can use SfEffectsView and use it
 
SelectionChanged event instead of handling in ListView TapCommand as in the following case 2.

Please refer the following code,
 
  
Case1: 
<ContentPage xmlns:local="clr-namespace:SortingFiltering" Visual="Material" 
             xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms" 
             xmlns:sync="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"> 
  
Case2: 
  
Xaml: 
<sync:SfListView.ItemTemplate> 
     <DataTemplate x:Name="ItemTemplate"> 
         <syncEffectsView:SfEffectsView  BackgroundColor="LightGreen"  
              x:Name="itemEffect"  SelectionChanged="ItemEffect_SelectionChanged"> 
         </syncEffectsView:SfEffectsView> 
     </DataTemplate> 
</sync:SfListView.ItemTemplate> 
  
CodeBehind: 
  
public partial class MainPage : ContentPage 
{ 
  
   private void ItemEffect_SelectionChanged(object sender, EventArgs e) 
   { 
     // You can handle selection changed events instead TapCommand 
   } 
} 
  
We have attached the sample for your reference, please find it from the following link. 
  
 
We hope this helps. Please let us know if you need any further assistance. 
  
Regards, 
Gnana Priya N 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon