How to disable Carousel left navigation when first of the list is 'active'?

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 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


Hi,

Thank you for your reply.

I am using version 10, and there has no 'Loop' option for me to choose.

Hi Qiuyan Li,

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.

Regards,
Nordin

Nordin Ahdi wrote:

Hi Qiuyan Li,

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.

Regards,
Nordin


Hi,

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?

Hi,

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.

Regards,
Nordin