Pull To Refresh in SfChat

[Vassili]

Hi,

How can you use "Pull to Refresh" functionality in a SfChat window?

Thanks, Vassili

[Chandrasekar Sampathkumar]

Hi Vassili, 

Thank you for using Syncfusion products. 

We would like to let you know that, SfPullToRefresh controls provides support for loading any custom control as pullable content. To host SfChat inside the SfPullToRefresh, follow the below steps. 

• Add the required assembly references to the pcl and renderer projects as discussed in the Assembly deployment section of SfChat and SfPullToRefresh.
• Import SfPullToRefresh and SfChat control namespace as follows.

xmlns:sfChat="clr-namespace:Syncfusion.XForms.Chat;assembly=Syncfusion.SfChat.XForms"  

xmlns:syncfusion="clr-namespace:Syncfusion.SfPullToRefresh.XForms;assembly=Syncfusion.SfPullToRefresh.XForms" 

• Define SfChat as PullableContent of the SfPullToRefresh.
• Handle the pull to refresh events for refreshing the data.
• Customize the required properties of SfChat and SfPullToRefresh based on your requirement.

We have prepared simple sample based on your requirement and you can download the same using the following link, 

Sample Link: Sample 

Please let us know if you would require any further assistance. 

Regards, 

Chandrasekar Sampathkumar 

[Vassili]

Hello,

Thanks a lot for the quick response. In my case the SfChat is already used as a content for SfPopupLayout.Content in order to the pop ups to be enabled.

Question: do I still need to have SfChat as a PullableContent, or SfPopupLayout that contains SfChat? How would you change your sample to include both, the pop ups and the pull to refresh?

Thanks, Vassili

[Chandrasekar Sampathkumar]

Hi Vassili, 

Thank you for the update. 

You can achieve your requirement by using SfPopupLayout as PullableContent of SfPullToRefresh. Please refer the following code snippets for more reference, 

Xaml: Adding SfPopupLayout as PullableContent of SfPullToRefresh 

<ContentPage.Content> 

              <syncfusion:SfPullToRefresh x:Name="pullToRefresh" … > 

                             <syncfusion:SfPullToRefresh.PullableContent> 

                                           <sfPopup:SfPopupLayout x:Name="popupLayout"> 

                                                          <sfPopup:SfPopupLayout.PopupView> 

                                                                        <sfPopup:PopupView> 

                                                                                      <sfPopup:PopupView.ContentTemplate> 

                                                                                                     <DataTemplate> 

                                                                                                                   … 

                                                                                                    </DataTemplate> 

                                                                                      </sfPopup:PopupView.ContentTemplate> 

                                                                        </sfPopup:PopupView> 

                                                          </sfPopup:SfPopupLayout.PopupView> 

                                                          <sfPopup:SfPopupLayout.Content> 

                                                                        <sfChat:SfChat x:Name="sfChat" … /> 

                                                          </sfPopup:SfPopupLayout.Content> 

                                           </sfPopup:SfPopupLayout> 

                             </syncfusion:SfPullToRefresh.PullableContent> 

              </syncfusion:SfPullToRefresh> 

</ContentPage.Content> 

We have prepared simple sample based on your requirement and you can download the same using the following link, 

Sample Link: Sample 

Please let us know if you would require any further assistance. 

Regards, 

Chandrasekar Sampathkumar 

[Vassili]

Hi Chandrasekar,

Thanks a lot for the sample!

All the best, Vassili

[Chandrasekar Sampathkumar]

Hi Vassili,  

Thanks for the update. 

We are glad that the solution helps. Please let us know if you need any further update. As always we are happy to help you out. 

Regards, 

Chandrasekar Sampathkumar