How to show two image in Carousel with navigation
Question

How to show two image in Carousel with navigation?

I want to show  Image like this.


Hello ,

We have a Thread where solution is given for carousel use cases

Check Here -

https://www.outsystems.com/forums/discussion/68808/carousel-in-tab-widget-is-not-working-properly-in-reactive-web-application/

Hope this works, If you need more help let me know

Thanks

Hi @firdaus shaikh 

You can introduce an adaptive pattern column small right into the carousel pattern and customize it based on your appropriate use case and achieve this.

Sample Example: https://saravanan-gamechanger.outsystemscloud.com/BPTPractice/CarouselPattern?_ts=637932273128267807

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Adaptive/Columns

I hope this helps!

Regards,
Saravanan Santhanam.



Hi @Saravanan S

 when i I will navigate on next  page that time it will display full. I Have used the adaptive column it is showing me as aspected but when i am navigating next image that time it is not displaying Full

Are you using the Carousel pattern with the list? or Its just Static Carousel ?

I am not using List

its just Static Carousel

Yup If i go to next image that time this image should be display full size image

To achieve that on the next Image property Just provide Width as Fill. 

BPTPractice.oml

Hi firdaus shaikh,

As per your requirement ,I create Carousel   showing two image with navigation .

also using Static Carousel  as you say


please check Demo link :

https://personal-ddjq2r3a.outsystemscloud.com/Carousel/Carousel?_ts=637932369721374463

Let me know if you expecting something like this .

thanks

Hi KUNDAN CHAUHAN

Can you please share with me oml file because I'm not able see on the browser

Hi KUNDAN CHAUHAN 

You have sent that Carousel right but second image I want show Half when i will navigate to next that time it should be Full Size image and 3rd image display should be Small. 

Like this


Ok ,now I'm understand full requirement.


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.