Page 1 of 1

Carousel stopped working WB18

Posted: Thu Mar 09, 2023 5:43 pm
by Al_Sin
Hi,
I have a problem with carousel navigation in WB 18.
The page was created in previous versions, but when I just updated using some text on the page, carousel stopped working:
1. NEXT and PREVIOUS buttons with Slide Show event do not work.
2. Side navigation icons do not work. Only dot indicators are working.
3. Script $('#Carousel1').carousel('next'); does not work. Even if I create a new page and a new carousel in WB18 this script is not working.

My questions are:
1. Is it possible to fix carousel on my pages without re-build it from the scratch?
2. Is it possible to navigate carousel (default type) in WB18 with JS ?
My project address:
https: //www.travelcanadatninsurance.ca/Pablo/carousel.wbs
Page published:
https://www.travelcanadatninsurance.ca/ ... t-work.htm
Thank you, Alexandre

Re: Carousel stopped working WB18

Posted: Thu Mar 09, 2023 6:21 pm
by Pablo
The problem is not directly related to the carousel, but more about the combination of Bootstrap and jQuery UI on the same page.
This will cause a conflict because Bootstrap 5 (included with WWB18) no longer uses jQuery.

The quickest way to solve this is by setting all dialogs on the page to 'jQuery UI' instead of 'Bootstrap'

Re: Carousel stopped working WB18

Posted: Fri Mar 10, 2023 3:27 pm
by Al_Sin
Thank you!
This is really work.
Just one more question.
If I create a new carousel in WB18 with Bootstrap… Could I use Java Script to navigate between the panels?
Should I use in script your code example:
bootstrap.Carousel.getInstance('#Carousel1').to(1);

Re: Carousel stopped working WB18

Posted: Fri Mar 10, 2023 3:50 pm
by Pablo
The code depends on which mode you have selected. It you have used 'flexible' then this is correct.

Note that you can also use events: slideshow next/previous. In that case, the correct code will be used automatically.

Re: Carousel stopped working WB18

Posted: Mon Mar 13, 2023 4:49 pm
by Al_Sin
Thank you,
Everything resolved for now.
Alexandre