Scroll with different speeds

Hi,

I try to reproduce the effect on the scrolling in the video.

I can't get it working.

I used flexlayout with a width bigger than  my screen width.

But I can't get the scrolling in the chipgroup.

if you have better idea I can take better. Maybe sfchipgroup is not the best to do this.

My layout is as below:

<controls:CustomChipGroup.ChipLayout>
                                                <FlexLayout 
HorizontalOptions="Start" 
VerticalOptions="Center" 
Direction="Row" 
Wrap="Wrap"
JustifyContent="Start"
AlignContent="Start"
AlignItems="Center"/>

Attachment: WhatsApp_Video_20210220_at_11.00.24_2bf48156.zip

3 Replies 1 reply marked as answer

SM Saravanan Madheswaran Syncfusion Team February 24, 2021 01:54 PM UTC

Hi Alexis, 
 
Greetings form Syncfusion support. 
 
Based on the provided video reference, we have prepared simple sample to check this reported scroll issue. But we unable to reproduce the same. And the chip group works similar to Xamarin.Forms labels inside the flex layout.  
 
Tested platform: Android & iOS 
 
Device configuration: Android – 9.0 pixel device, IPhone Xr 12.4 simulator. 
 
Chip implementation: 
<ScrollView Orientation="Horizontal"> 
<SyncfusionButtons:SfChipGroup ItemsSource="{Binding Languages}" x:Name="ChipUserSectors" Type="Filter" 
ChipPadding="8,8,0,0"> 
    <SyncfusionButtons:SfChipGroup.ChipLayout
        <FlexLayout  WidthRequest="750" 
                                           HorizontalOptions="Start"  
                                           VerticalOptions="Center"  
                                           Direction="Row"  
                                           Wrap="Wrap" 
                                           JustifyContent="Start" 
                                           AlignContent="Start" 
                                           AlignItems="Center"/> 
    </SyncfusionButtons:SfChipGroup.ChipLayout
</SyncfusionButtons:SfChipGroup
</ScrollView
 
Syncfusion version: 18.4.0.43 
 
Xamarin version: 5.0.0.2021 
 
Please check the above sample and let us know if we missed any or revert us by modifying the above sample along with replication steps. It will help us to assist you earlier.  
 
Regards, 
Saravanan.  


Marked as answer

AL Alexis replied to Saravanan Madheswaran February 24, 2021 09:33 PM UTC

Hi Alexis, 
 
Greetings form Syncfusion support. 
 
Based on the provided video reference, we have prepared simple sample to check this reported scroll issue. But we unable to reproduce the same. And the chip group works similar to Xamarin.Forms labels inside the flex layout.  
 
Tested platform: Android & iOS 
 
Device configuration: Android – 9.0 pixel device, IPhone Xr 12.4 simulator. 
 
Chip implementation: 
<ScrollView Orientation="Horizontal"> 
<SyncfusionButtons:SfChipGroup ItemsSource="{Binding Languages}" x:Name="ChipUserSectors" Type="Filter" 
ChipPadding="8,8,0,0"> 
    <SyncfusionButtons:SfChipGroup.ChipLayout
        <FlexLayout  WidthRequest="750" 
                                           HorizontalOptions="Start"  
                                           VerticalOptions="Center"  
                                           Direction="Row"  
                                           Wrap="Wrap" 
                                           JustifyContent="Start" 
                                           AlignContent="Start" 
                                           AlignItems="Center"/> 
    </SyncfusionButtons:SfChipGroup.ChipLayout
</SyncfusionButtons:SfChipGroup
</ScrollView
 
Syncfusion version: 18.4.0.43 
 
Xamarin version: 5.0.0.2021 
 
Please check the above sample and let us know if we missed any or revert us by modifying the above sample along with replication steps. It will help us to assist you earlier.  
 
Regards, 
Saravanan.  


Thanks a lot.

It helped a lot. Now I had a new issue.

I opened this issue at this link. https://www.syncfusion.com/forums/162950/observablecollection-not-refreshed

Thanks a lot


SM Saravanan Madheswaran Syncfusion Team February 25, 2021 10:03 AM UTC

Hi Alexis,

Thanks for the update, we are glad to hear this.

Thanks,
Saravanan.


Loader.
Up arrow icon