Using Silk UI Carousel for Web Application, trying to disable left and right navigation button when the first and last image is 'active' respectively. However, seems like Carousel doesn't support this, and loop the images.
Hi Qiuyan Li,
I haven't used Carousel before, but have a look at this post:
https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Carousel_Pattern
It has a 'Loop' and 'Navigation' input parameter that can be enabled/disabled.
Regards,Nordin
Nordin Ahdi wrote:
Hi,
Thank you for your reply.
I am using version 10, and there has no 'Loop' option for me to choose.
When you think about it. This behaviour you want to achieve would not make it a Carousel. As a carousel goes round and round without having an actual start or end position.
However, maybe you can use some css to show/hide the navigation arrows based on the position of the item in a list.
I plan to add another web block, which would contain the javascript with IF....ELSE..
However this block would be placed inside another block, and after try out, the javascript is being run before the Carousel Script. How can I run it after the Carousel or override the script?
I'm not sure how and if you can override the script. I hope this post can help you:
https://www.outsystems.com/forums/discussion/21073/carousel-how-to-initially-navigate-to-an-element/
There's a link in there to an OWL Carousel API that should help you achieve what you're trying to do.