[question] Is it possible to scroll items horizontally in TabsControl?

Hi Andrei, I’m using tab control and CarouselView, I have a requirement to scroll items in horizontally when there are more items

Code

<cardViewControl:TabsControl
                StripeColor="Gold"
                SelectedIndex="{Binding CurrentIndex}"
                BindingContext="{x:Reference caseDetailsListView}">
                    <cardViewControl:TabsControl.ItemTemplate>
                        <DataTemplate>
                           
                            <Label HorizontalTextAlignment="Center"
                               VerticalTextAlignment="Center"
                               HorizontalOptions="FillAndExpand"
                               VerticalOptions="CenterAndExpand"
                              TextColor="White" FontSize="15"
                               FontAttributes="Bold"
                               Text="{Binding pname, Converter={StaticResource CasePaneltoLabelConverter}}"/>
                        </DataTemplate>
                    </cardViewControl:TabsControl.ItemTemplate>
                  </cardViewControl:TabsControl>
                </ContentView>
             
            <cardView:CarouselView  Grid.Row="1"   x:Name="caseDetailsListView" IsCyclical="False" IsVerticalSwipeEnabled="False" OppositePanDirectionDisablingThreshold="1"

Any Idea?

Regards, Kalaiy

[AndreiMisiukevich]

Thanks Andrei, But now it throws another issue. Scroll View is not scrolling when CarouselView items moved.

Then scroll it yourself when index changing 😃

scrollView.ScrollToAsync(…)

[kalaiy]

@kalaiy if you wish, I can Add autoscrolling in the next release

@AndreiMisiukevich It would be nice to have the auto-scroll feature.

I created in a customized way like this

private void caseDetailsListView_ItemSwiped(PanCardView.CardsView view, PanCardView.EventArgs.ItemSwipedEventArgs args) { if (view.BindingContext != null) { var viewModel = view.BindingContext as MyCaseDetailsViewModel; var stackItems = tabCaseDetails.Children.FirstOrDefault(o => o is StackLayout); if (stackItems != null) { scrollCaseDetails.ScrollToAsync(((StackLayout)stackItems).Children[viewModel.CurrentIndex], ScrollToPosition.Center, true); } } }