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.
Unfortunately, activation email could not send to your email. Please try again.

SfListView dont support header view? or pull to refresh?

Thread ID:

Created:

Updated:

Platform:

Replies:

127846 Dec 13,2016 08:06 AM Aug 31,2017 10:20 PM Xamarin.Forms 18
loading
Tags: SfListView
Edgar Pedro Augusto Toledo
Asked On December 13, 2016 08:06 AM

Is it possible to use a view header in SfListView? If so, how should I proceed?
Have the same doubt about push to refresh.

Dinesh Babu Yadav [Syncfusion]
Replied On December 14, 2016 09:12 AM

Hi Edgar,  
  
Thanks for using Syncfusion product.  
  
Requirement 1:  
You can achieve your requirement “Defining Header to the SfListView”  by using HeaderTemplate property.  
  
Code example[XAML]:  
  
xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"  
  
<listView:SfListView x:Name="listView" ItemsSource="{Binding contactsinfo}" >  
    <listView:SfListView.HeaderTemplate>  
          <DataTemplate>  
             <Label Text="Customer Details" FontSize="18" FontAttributes="Bold" TextColor="Black"/>  
          </DataTemplate>  
        </listView:SfListView.HeaderTemplate>   
</listView:SfListView>  
  
  
In SfListView UG documentation, we have mentioned the examples in C# and XAML to define the header item. Please refer the below documentation for more details  
 
For your reference, we have attached the sample also. Please find the sample link below,  
  
Requirement 2:  
Currently SfListView do not have support for PullToRefresh. Hence we have considered this as feature request. We are implementing the pull-to-refresh feature and it will be available in our upcoming 2017 volume 1 release which is scheduled to be rolled out by February 2017.   
   
Regards,  
Dinesh Babu Yadav  


Edgar Pedro Augusto Toledo
Replied On December 14, 2016 10:56 AM

thank you so much! Your information was very useful.

Ashwini Paranthaman [Syncfusion]
Replied On December 15, 2016 12:50 AM

Hi Edgar, 
Thank you for the update. 
We are glad that your requirement has been met. 
Regards, 
Ashwini P. 


Patric Genfer
Replied On February 20, 2017 05:52 PM

I just updated SfListView to version 15.1.0.33 (2017 Volume 1), but I was not able to find any PullToRefresh feature in the SfListView.
Is this feature already available in the new version and if yes, could you give any hint how to use it?

Thank you in advance for your help.


Dinesh Babu Yadav [Syncfusion]
Replied On February 21, 2017 07:21 AM

Hi Patric,  
  
Sorry for the inconvenience caused.  
  
Due to other high priority tasks, we are unable to complete the reported feature “Support for PullToRefresh in SfListView” in the Essential Studio Volume 1 main release. However, the reported feature will be included in our upcoming main release.  
  
Please let us know if you require further assistance.  
  
Regards,  
Dinesh Babu Yadav 


Valeriano Simeone
Replied On May 23, 2017 05:25 PM

Hi,
I've updated to 15.2.0.40 but I was not able to find any PullToRefresh feature in the SfListView.

News?


Dinesh Babu Yadav [Syncfusion]
Replied On May 24, 2017 07:33 AM

Hi Valeriano, 
 
Sorry for the inconvenience caused. 
 
We regret to inform you that we have faced the Xamarin framework hurdles while implementing the reported feature “Support for PullToRefresh in SfListView”. So, we are unable to include the feature in our 2017 Volume 2 main release and we will assure you that the reported feature will be included in our upcoming 2017 Volume 2 SP 1 release which is scheduled to rolled out by end of this month. We will appreciate your patience until then.   
 
Regards, 
Dinesh Babu Yadav 
 


Hetal Jariwala
Replied On July 25, 2017 11:35 AM

Is this feature implemented?


Dinesh Babu Yadav [Syncfusion]
Replied On July 26, 2017 08:47 AM

Hi Hetal, 
 
Apologies for the delay caused. 
 
We are implementing the reported feature “Support for PullToRefresh in SfListView” at our end and we will assure you that it will be included in our upcoming 2017 Volume 3 main release which is scheduled to be rolled out by first week of August, 2017. We will let you know once the release has been rolled out and we will appreciate your patience until then. 
 
Regards, 
Dinesh Babu Yadav 
 


Lorenzo Quinto
Replied On August 8, 2017 09:14 AM

How to implement pullToRefresh?


Muthu Kumaran Gnanavinayagam [Syncfusion]
Replied On August 9, 2017 10:16 PM

Hi Lorenzo, 
  
We are glad to announce that our Essential Studio Volume 3, 2017 (v15.3.0.26) is rolled out with the support for  ‘SfPullToRefresh integration into the SfListView control’ and is available for download under the following link.   
   
                                                
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.   
  
You need to add the SfListView as first children in PullableContent of SfPullToRefresh. Please refer the below code examples. 
 
Code Example[XAML]: 
<pulltoRefresh:SfPullToRefresh x:Name="pullToRefresh" 
                               ProgressBackgroundColor="#428BCA" RefreshContentHeight="50"  
                               RefreshContentWidth="50" TransitionMode="Push" IsRefreshing="False"> 
  <pulltoRefresh:SfPullToRefresh.PullableContent> 
    <syncfusion:SfListView x:Name="listView" ItemSize="120" 
                           SelectionMode="None"> 
    </syncfusion:SfListView> 
  </pulltoRefresh:SfPullToRefresh.PullableContent> 
</pulltoRefresh:SfPullToRefresh> 
 
By using the Refreshing event of SfPullToRefresh, you can add the data at runtime in SfListView while pulling. Please refer the below code example, 
 
Code Example[C#] 
pullToRefresh.Refreshing += PullToRefresh_Refreshing; 
 
private async void PullToRefresh_Refreshing(object sender, EventArgs args) 
{ 
  pullToRefresh.IsRefreshing = true; 
  await Task.Delay(2000); 
 
  for (int i = 0; i < 3; i++) 
  { 
    var blogsCount = pulltoRefreshViewModel.BlogsInfo.Count; 
    var item = new ListViewBlogsInfo() 
    { 
      BlogTitle = pulltoRefreshViewModel.BlogsTitle[blogsTitleCount - blogsCount], 
      BlogAuthor = pulltoRefreshViewModel.BlogsAuthers[blogsAuthorCount - blogsCount], 
      BlogCategory = pulltoRefreshViewModel.BlogsCategory[blogsCategoryCount - blogsCount], 
      ReadMoreContent = pulltoRefreshViewModel.BlogsReadMoreInfo[blogsReadMoreCount - blogsCount], 
    }; 
    pulltoRefreshViewModel.BlogsInfo.Insert(0, item); 
  } 
  pullToRefresh.IsRefreshing = false; 
} 
 
  
We will update the UG documentation for the same in our UG shortly. 
  
Regards, 
G.Muthu Kumaran.

Dinesh Babu Yadav [Syncfusion]
Replied On August 19, 2017 03:06 AM

Hi Lorenzo, 
 
Thanks for the patience. 
 
We have updated “Working with PullToRefresh in SfListView” in our UG documentation and please refer the following link for more information.    
    
 
Regards, 
Dinesh Babu Yadav 


FLecointe
Replied On August 24, 2017 04:45 AM

Using the pull to refresh I found myself confronted with a problem which I find the solution, I make it in the event that people are confronted:

My page has a "header" area containing action buttons for the entire list, then my sflistview. In order to position them on my page, I use a grid.

By adding the pushtorefresh, my sflistview as overflowed on my header and the pulltorefresh in itself did not work; The problem comes from the fact that the Grid.Row is defined in the sflistview, it must be moved in the definition of the pulltorefresh (the 1st) so that the grid position works and that the refresh also.


Dinesh Babu Yadav [Syncfusion]
Replied On August 25, 2017 01:12 AM

Hi FLecointe, 
 
Thank you for contacting Syncfusion support. 
 
We would like to let you know that in SfListView, we have a limitation that you need to load the SfListView as first children of PullableContent for the PulltoRefresh control to enable it which we have included in our UG documentation below. 
 
 
If your requirement is to add the header view to the SfListView where you can perform further process to it, then you can use HeaderTemplate property and define it as IsStickyHeader as true which sticks the header to the view even while scrolling the listview. Also, you can define the scrollable header by defining  the IsStickyHeader as false. Please refer the following documentation for more information. 
 
 
Please let us know if you require further assistance. 
 
Regards, 
Dinesh Babu Yadav 


Hetal Jariwala
Replied On August 28, 2017 04:42 PM

I have implemented the above mentioned method for Pull to Refresh functionality. But it's not calling refresh method


Dinesh Babu Yadav [Syncfusion]
Replied On August 29, 2017 08:17 AM

Hi Hetal, 
 
Sorry for the inconvenience. 
 
We have checked the reported issue “Refreshing method is not triggered in SfPullToRefresh control” with different scenarios such as pulling is performed by gesture action with and without header element etc.., But, we are unable to reproduce the reported issue at our end. And we suspect that the issue arises due to SfPullToRefreshRenderer might not be initialized in renderer projects. And, you may have not add the assemblies needed to initialize the SfPullToRefresh in each renderer project. So, we recommend you to refer the following UG documentation links to initialize the SfPullToRefresh renderer in each platform to resolve the issue at the sample level.   
 
 
Also, we would like to let you know that if the pull-to-refresh is performed by programmatically, then Refreshing method won’t be triggered and this is the actual behavior. However, it can be achieved by using StartRefreshing and EndRefreshing methods. Since, the StartRefreshing method is used to refresh the content without gesture action in PullableContent and Progress indicator will be shown. The EndRefreshing method is used to end the progress animation of SfPullToRefresh.     
 
We have prepared the sample in which the PullToRefresh is initiated both by button click event using StartRefreshing method and by gesture action. You can download the sample from the below link.    
 
Could you please check with the above sample?. If the issue still persist at your end, if possible please modify the above sample to replicate the issue and revert us with the replication procedure. Also, could you please share and check with the below information’s at your end. So, that we could able to analyze the issue better and update you an appropriate solution.     
 
  • Have you loaded the SfListView control as first child element to the PullableContent? If no, please share in which layout does the issue replicates and please share the replication procedure too?
  • Could you please share the application scenario in which the reported issue occurs?
  • Could you please share the Xamarin Forms version?. We have ensured in Xamarin Forms v2.3.3.180.?
  • Could you please share that whether the issue replicates only in specific platform such as only in Android platform or in others too?
 
Please let us know if you require further assistance.    
 
Regards, 
Dinesh Babu Yadav 
 


Hetal Jariwala
Replied On August 31, 2017 12:53 PM

Yes it's working perfect now.


Dinesh Babu Yadav [Syncfusion]
Replied On August 31, 2017 10:20 PM

Hi Hetal, 
 
Thanks for the update. 
 
Regards, 
Dinesh Babu Yadav 
 


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.

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.

;