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. Image for the cookie policy date

Label inside SfCarousel won't scroll

Hey there,
What I'm trying to do is make SfCarousel look like that: 

What I did was creating a Label inside ScrollView, then creating a Frame with Black BorderColor to achieve the aesthetics. 
The SfCarousel is inside a Grid row with "*" Row Height Definition (with 2 other rows of 60)
C#:
SfCarousel carousel = new SfCarousel() { ViewMode = ViewMode.Linear};
            ObservableCollection<SfCarouselItem> collectionOfItems = new ObservableCollection<SfCarouselItem>();
            Frame frame = new Frame() { BackgroundColor = Color.Transparent, BorderColor = Color.Black, HorizontalOptions = LayoutOptions.CenterAndExpand,
            VerticalOptions = LayoutOptions.CenterAndExpand, Padding = new Thickness(10)};
            Label label = new Label { Text = getCurrentStageString(), TextColor = Color.Black, HorizontalOptions = LayoutOptions.CenterAndExpand,
                VerticalOptions = LayoutOptions.CenterAndExpand, WidthRequest = 220 };
            ScrollView scrollView = new ScrollView() { Content = label, HorizontalOptions = LayoutOptions.FillAndExpand, VerticalOptions = LayoutOptions.FillAndExpand};
            scrollView.Content = label;
            frame.Content = scrollView;
            frame.BorderColor = Color.Black;
            collectionOfItems.Add(new SfCarouselItem() { ItemContent = frame});
            collectionOfItems.Add(new SfCarouselItem() { ImageName = "usflag.png" });
            carousel.ItemsSource = collectionOfItems;
            MainLayout.Children.Add(carousel, 0, 0);
            Grid.SetColumnSpan(carousel, 3);
            this.Content = MainLayout;

XAML:
    <Grid
        x:Name="MainLayout"
        Padding="30,5,30,5"
        HorizontalOptions="FillAndExpand"
        RowSpacing="5"
        VerticalOptions="FillAndExpand">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="60" />
            <RowDefinition Height="60" />
        </Grid.RowDefinitions>

Current situation is that Label won't scroll, Border top and bottom lines aren't visible at all...
GIF:


4 Replies

AK Aviad Katani June 1, 2019 06:47 AM

Anything guys? I'm pretty stuck here


MK Muneesh Kumar G Syncfusion Team June 2, 2019 11:04 PM

Hi Aviad, 
 
Greetings from Syncfusion.  
 
Currently we are validating this. We will update you the status of this on or before 4 PM IST tomorrow June 4th, 2019. We appreciate your patience until then.   
 
Regards,
Muneesh Kumar G. 
 



MK Muneesh Kumar G Syncfusion Team June 4, 2019 06:16 AM

Hi Aviad,  
  
We were able to reproduce the reported problem at our end. Currently we are checking the root cause of this problem. We will update you the status of this on or before 4 PM IST June 7th, 2019. We appreciate your patience until then.    
  
Regards,
Muneesh Kumar G.  
 



MK Muneesh Kumar G Syncfusion Team June 7, 2019 05:13 AM

Hi Aviad, 
 
Thanks for your patience,  
 
Query 1: Vertical scrolling not working properly in linear view mode[Android]
 
We have checked the reported issue and we were able to reproduce it from our side in the Android platform. We have logged bug report for same. In SfCarousel, we have used Leanback HorizontalGridView widget for linear view mode. Currently, we are facing some difficulties in fixing this issue.
 
 
 
We will include this fix in Vol 2 SP 1 release, which will be available on end July 2019.  
 
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal. 
 
Thanks, 
Muneesh Kumar G   


Loader.
Live Chat Icon For mobile
Up arrow icon