I have set up a Carousel (Web Packages > Booststrap Extra components). Unfortunately, in my environment, the right/left arrow navigation only works in Internet Explorer 11 on Windows 7. It does not work in Firefox, and Chrome. I did not try other Windows versions.
In Safari, Chrome, and Firefox on Mac, it also does not work (sometimes it accepts one click on the right arrow to advance one image). But never to the left. And never more than one click.
I also get additionally a first empty image. Don't know where this comes from.
Windows 7 Home Premium Service Pack 1
macOS Sierra 10.12.5
Servoy Developer 8.1.4
Java 1.8.0_131
Servoy Extra Components 1.1.4
My code:
- Code: Select all
for (var j = 1; j <= fsInstruments.getSize(); j++) {
/** @type {bootstrapextracomponents-carousel.slide} */
var slide = {
imageUrl: 'https://swallowhillmusic.org/wp-content/uploads/2013/03/ukulele.jpg',
caption: fsInstruments.getRecord(j).name
};
elements.carousel.addSlide(slide);
}
or, for testing
- Code: Select all
/** @type {bootstrapextracomponents-carousel.slide} */
var slide1 = {
imageUrl: 'http://www.seven-r.ch/wa_files/hades0.jpg',
caption: 'Bild-1'
};
elements.carousel.addSlide(slide1);
/** @type {bootstrapextracomponents-carousel.slide} */
var slide2 = {
imageUrl: 'http://www.seven-r.ch/wa_files/moneda0.jpg',
caption: 'Bild-2'
};
elements.carousel.addSlide(slide2);
/** @type {bootstrapextracomponents-carousel.slide} */
var slide3 = {
imageUrl: 'http://www.seven-r.ch/wa_files/hadesdetail.jpg',
caption: 'Bild-3'
};
elements.carousel.addSlide(slide3);