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
Are you expecting something like this?
https://saravanan-gamechanger.outsystemscloud.com/BPTPractice/CarouselPattern?_ts=637932357809215470
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.
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
please check it again:
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.