SfCarousel is not showing

[Barak Rozenfeld]

Hi 

I am trying to add a SF Carousel however it does not showing any photo

attaching my code for some help:

XAML:

 <Grid Grid.Row="1">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"></RowDefinition>
        </Grid.RowDefinitions>

        <syncCarousel:SfCarousel x:Name="carousel" BindingContext="{Binding CollectionOfItems}"  Offset="20" RotationAngle="45" DataSource="{Binding CollectionOfItems}"  HeightRequest="400" WidthRequest="800" />

        <!--<c:CarouselViewControl x:Name="CaruselViewCon" ItemsSource="{Binding MyDataSource}">
            <c:CarouselViewControl.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding LabelText}"   Aspect="Fill"  />
                </DataTemplate>
            </c:CarouselViewControl.ItemTemplate>
        </c:CarouselViewControl>-->
    </Grid>

C#:

private ObservableCollection<SfCarouselItem> collectionOfItems;

    public ObservableCollection<SfCarouselItem> CollectionOfItems
    {
        get
        {
            return collectionOfItems;
        }

        set
        {
            collectionOfItems = value;
        }
    }


    public MainPage(Conferance conferance,string userPhone, List<EventDetails> LEventDEtails,List<CPhoto> LPhoto)
    {

        InitializeComponent();            
        collectionOfItems.Add(new SfCarouselItem() { ImageName = LPhoto[0].Path });
        collectionOfItems.Add(new SfCarouselItem() { ImageName = LPhoto[1].Path });
        collectionOfItems.Add(new SfCarouselItem() { ImageName = LPhoto[2].Path });

        carousel.ItemsSource = CollectionOfItems;
        carousel.BindingContext = CollectionOfItems;
 }

[Eswaran Thirugnanasambandam]

Hi Barak Rozenfeld,

Thanks for contacting Syncfusion Support.

We have checked the reported issue "SfCarousel is not showing" from our side with our latest build. The ImageName API can be used to display the images that are inside the Resource folder. For displaying the image from the URI, we should not give the URI directly to ImageName instead we must add the online images to the ItemContent using the ImageSource.FromUri. We have prepared the sample based on your requirement. Please find the sample from the below link.

Sample:
http://www.syncfusion.com/downloads/support/directtrac/185726/ze/132158carouselForum-815634179 

  

Please let us know if you have any other query.

Regards,
Eswaran AT.  

[Barak Rozenfeld]

Wow works well thanks!

is there an exapmle when I touch one of the photos I see it zoom in and zoom out like a web view??

[Eswaran Thirugnanasambandam]

Hi Barak Rozenfeld,

Thanks for your update,

Currently we don’t have built-in option to have a zoom in feature on clicking the Carousel Item. We can achieve this requirement by adding a TapGesture to the ImageView in the Sample and based on the tapped event we can open the image in another overlay control. We have prepared the sample based on your requirement. In the provided sample, we have added gesture recognizer through which on clicking an Alert Window is shown which can be replaced with an overlay control with image.

Link:

http://www.syncfusion.com/downloads/support/forum/132158/ze/Carouseltester1055809892 

Please let us know if you have any other query.

Regards, 

Eswaran AT. 

[Barak Rozenfeld]

Thanks you for the quick respone your support is great.

another  and final question is.

I added 3 photos to my Carusel but it open the 1st one.

I want to opent he 2nd photo when the user open the form. 

that is how he can see when he opened the 2 photos on the sides.

how can I do thaT?

[Rabhia Beham Kathar Mideenar]

Hi Barak Rozenfeld,
 
Thanks for your update,
 
Query: when I touch one of the photos I see it zoom in and zoom out like a web view.
 
We are glad to hear that you have achieved your requirement.
 
Query: I want to open the 2nd photo when the user open the form.
 
Your requirement has been achieved by using "SelectedIndex" property in Carousel control.By default,it has been taken "0" as index of carousel control.
 
SelectedIndex: Bring the desired item into our view .
 
Code Example: 

  

SfCarousel sfCarousel = new SfCarousel();
sfCarousel.SelectedIndex = 2; 

  

We have prepared the sample based on your requirement.Please find the sample from the below link.
 
Link: http://www.syncfusion.com/downloads/support/forum/132158/ze/Carouseltester_2162680503 

Please let us know if you have any query. 

Regards,
Rabhia Beham K. 

[Barak Rozenfeld]

Thanks that work for me

[Eswaran Thirugnanasambandam]

Hi Barak Rozenfeld,

Thanks for your update.

We are glad to hear that you have achieved your requirement. Please let us know if you need further assistance.

Regards,
Eswaran AT.