SfAccordion Animation When Calling RaisedPropertyChanged on iOS

Hello,

The problem I am facing is when calling RaisedPropertyChanged on my SfAccordion BindableLayout.ItemsSource, the whole accordion gives a refresh animation instead of just adding or removing an item (changing that property). The refresh animation looks like its collapsing all of the items and then exapnding. This only shows on iOS, on Android it looks as expected. Is there a way to prevent this on iOS?

Thank you!


7 Replies 1 reply marked as answer

SS SaiGanesh Sakthivel Syncfusion Team February 26, 2021 12:58 PM UTC

Hi David, 
 
Thank you for contacting syncfusion support. 
 
#Regarding SfAccordion Animation When Calling RaisedPropertyChanged on iOS 
We have checked the reported query from our end. We regret to inform you that we could not replicate the reported scenario from our side. We have prepared the sample as per given information. We have tested sample with IPhone Simulator iOS 14.3 version. We have attached the tested sample and tested video for your reference and you can download the same from the following location.   
    
 
 
Please check the sample and let us know if you still facing the same issue? If not, please modify our sample based on your scenario and revert us back with the following details,    
    
·         Share the issue replicated video. 
·         Share the syncfusion version and Xamarin form version used in sample. 
·         Issue replicated the device configuration  
 
Regards,  
SaiGanesh Sakthivel 



DB David Bauer February 26, 2021 09:02 PM UTC

Hello,

I have been able to replicate the issue in the sample you sent me. The reload animation happens when I am trying to change the data inside the accordion. I want the accordion to stay still and only the data to change.

Versions:

Xamarin.Forms – 4.8.0.1687
Syncfusion.Xamarin.SfListView – 18.4.0.33
Syncfusion.Xamarin.Expander – 18.4.0.35

Devices Tested on:

Android – Pixel 3 XL Q 10.0 – API 29
iOS – iPhone 11 pro iOS 14.4

I have attached 2 videos. They are both the same code base tested on iOS and Android. The video of it running on Android is the look I am trying to achieve. The video on iOS shows the reloading animation.

I have also attached the updated sample code.

Thank you.

Attachment: Videos_and_Sample_ed5db1a5.zip


SS SaiGanesh Sakthivel Syncfusion Team March 1, 2021 02:08 PM UTC

Hi David, 
 
Thank for the update. 
 
Could you please share the modified sample again to us? Inside the Zip file, the modified sample file does not exist. Please share the sample again which would help us to check and provide the better solution as soon as possible. 
 
Regards, 
SaiGanesh Sakthivel 



DB David Bauer March 1, 2021 04:06 PM UTC

Hello,

Apologies for not including the project the first time, the attached zip file should contain everything now.

Thank you!
David

Attachment: SfAccordionXamarin_fde60f34.zip


SS SaiGanesh Sakthivel Syncfusion Team March 3, 2021 02:44 AM UTC

Hi David, 
 
Thank you for the update. 
 
#Regarding SfAccordion Animation When Calling RaisedPropertyChanged on iOS 
We have checked the reported query from our end. we would lie to inform you that you can overcome this reported scenario by setting the AnimationDuration has zero in SfAccordion. Please refer to the following code snippet for your reference. 
 
Code Snippet 
<syncfusion:SfAccordion x:Name="Accordion" AnimationDuration="0" BindableLayout.ItemsSource="{Binding Contacts}" ExpandMode="SingleOrNone" > 
    <BindableLayout.ItemTemplate> 
        <DataTemplate> 
            <syncfusion:AccordionItem  > 
                <syncfusion:AccordionItem.Header > 
                    <Grid HeightRequest="60"> 
 
 
 
   </syncfusion:SfAccordion>          
 
Please let us know if you have any concern. 
 
Regards, 
SaiGanesh Sakthviel 


Marked as answer

DB David Bauer March 4, 2021 03:06 PM UTC

Hi SaiGanesh,

Thank you for your help on this issue. The solution you provided worked to solve the refresh animation problem I was dealing with. However, the SfAccordions now do not show any animation when expanding and collapsing an AccordionItem.

Is there a way that we can fix our original issue but still keep the animation when expanding and collapsing an accordion item?

Thanks!

David



SS SaiGanesh Sakthivel Syncfusion Team March 8, 2021 03:04 AM UTC

Hi David, 
 
Thank you for the update. 
 
#Regarding SfAccordion Animation When Calling RaisedPropertyChanged on iOS 
We have checked the reported query from our end. we would like to inform you that you can overcome this reported scenario by setting the AnimationDuration value inside the expanding event in SfAccordion. Please refer to the following code snippet for your reference. 
 
Code Snippet 
private void button_Clicked(object sender, EventArgs e) 
        { 
            Accordion.AnimationDuration = 0; 
            viewmodel.AddNewAccordionItem(); 
        } 
        private void Accordion_Expanding(object sender, Syncfusion.XForms.Accordion.ExpandingAndCollapsingEventArgs e) 
        { 
            Accordion.AnimationDuration = 150; 
        }          
 
Please refer to the tested sample in the following link for your reference. 
 
Please let us know if you need any further assistance. 
 
Regards, 
SaiGanesh Sakthivel 


Loader.
Up arrow icon