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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Image list and enlarge the image upon tapping the image

Thread ID:

Created:

Updated:

Platform:

Replies:

148155 Oct 8,2019 11:13 AM UTC Oct 14,2019 12:48 PM UTC Xamarin.Forms 3
loading
Tags: SfCarousel
Krunal
Asked On October 8, 2019 11:13 AM UTC

I have a requirement where I will have list of images (with horizontal orientation) and when user taps on any image then image should popup in detail covering most of the screen of mobile (so that bigger image view can be obtained). Once the detail popup is opened then I should be able to navigate back n forth through images one by one (something similar to slider).

I'm not sure which control I should use for such implementation. It could be popuplayout or carousel etc. 

Can you provide sample for this implementation?

Thanks,

Hemalatha Marikumar [Syncfusion]
Replied On October 9, 2019 02:32 PM UTC

Hi Krunal,

Greetings from Syncfusion.

We would like to let you know that your requirement can be achieved using SfCarousel Control. We have prepared the sample for the same. Please have the sample from the below link, 

Sample Link:
 

 if your requirement doesn't meet with that provided sample, update us with any pictorial representation for the same which will be helpful for us to analyze and provide an appropriate solution.
 
  
Regards,
Hemalatha M. 


Krunal
Replied On October 12, 2019 09:29 AM UTC

Carousel is what I want basically functionality wise but it's look n feel is not that good. I would like to implement it in following way :

1. I think the preview images should come up as overlay on existing page rather than moving to new content page with carousel control. 
2. Image preview should go away upon tapping out side the image area rather than pressing the back button.
3. Setting image height and width on carousel doesn't change the actual image size on screen.

Is there any way to achieve above look n feel?

Hemalatha Marikumar [Syncfusion]
Replied On October 14, 2019 12:48 PM UTC

Hi Krunal, 
 
Thanks for your update.

We have prepared a sample with the List of Images in a Scrollview with the SfPopLayout. When the image has been tapped the SfPopLayout shows the SfCarousel images in it. Please have the sample from the below link, 
  
  
If your requirement doesn't meet with that provided sample, update us with any pictorial representation for the same which will be helpful for us to analyze and provide an appropriate solution.  
 
Regards,
Hemalatha M. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon