How to show Carousel navigation on top container icon?
Question

Hi Community,

I want to show Navigation on container icon on the top and I don't want to take carousel navigation I am taking icon on top and I  want navigate from here. 

so how to write logic for this navigation.

Thank you




mvp_badge
MVP
Solution

Hi Firdaus,

You need to

  • Set the Carousel Widget Navigation input parameter value with = Entities.CarouseNavigation.None
  • Link the left-angle and right-angle icon with a client action and call the CarouselNext and CarouselPrevious client actions accordingly.

Take the dependency references from the OutSystemsUI module as highlighted below:


I hope this helps you!


Kind regards,

Benjith Sam

Solution

Hello

I have created a Oml for you please check it is working fine

Sample Link - 

https://personal-ejuytnht.outsystemscloud.com/Carousel/Sample_Carousel?_ts=637933147826355237


Hope this helps

Thanks

Carousel_sample Arrow Navigation.oml

mvp_badge
MVP
Solution

Hi Firdaus,

You need to

  • Set the Carousel Widget Navigation input parameter value with = Entities.CarouseNavigation.None
  • Link the left-angle and right-angle icon with a client action and call the CarouselNext and CarouselPrevious client actions accordingly.

Take the dependency references from the OutSystemsUI module as highlighted below:


I hope this helps you!


Kind regards,

Benjith Sam

Hi @Benjith Sam

I try this logic but not working

Solution

Hello

I have created a Oml for you please check it is working fine

Sample Link - 

https://personal-ejuytnht.outsystemscloud.com/Carousel/Sample_Carousel?_ts=637933147826355237


Hope this helps

Thanks

Carousel_sample Arrow Navigation.oml

Hi @Tousif Khan & @Benjith Same

It is working as aspected.

Thank you so much

 

You're welcome, @firdaus shaikh 

 Glad to help you :)

 Kind regards,

Tousif khan

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