Carousel firstVisible

[philipS]

Hi!

I have a question concerning the carousel-component.
Even if I set the firstVisible-attribute, always the first element is displayed.
If I then call the nextNav.click() function, the element on index firstVisible+1 is displayed.

Example:

Code: Select all

<carousel widgetVar="car" numVisible="1" firstVisible="3" >
	<outputLabel value="Element 1" />
	<outputLabel value="Element 2" />
	<outputLabel value="Element 3" />
	<outputLabel value="Element 4" />
	<outputLabel value="Element 5" />
</carousel>

In this example, 'Element 1' is shown at first and as soon as I call nextNav.click(), 'Element 5' is shown.


Is there a way to fix this?

Thank you in advance for your help.

[Melloware]

What happens if you remove "numvisible" property?

[philipS]

In that case, 'Element 1', 'Element 2' and 'Element 3' are shown.

[Melloware]

But is your firstVisible="3" shown correctly? what I am trying to narrow down is whether by only displaying 1 that is the issue because there is no index 3 when you are only displaying 1.

[philipS]

FirstVisible="3" means that 'Element 4' should be displayed, right?
But if I remove the numVisible-property, 'Element 1' - 'Element 3' are shown, which means that firstVisible="3" is not set correctly.

[Melloware]

OK i would create a bug then here: https://github.com/primefaces/primefaces/issues

Make sure to follow all the steps and create a reproducible sample using the PrimeFaces Test project.

[philipS]

Thank you for your answer!

My workaround at the moment is to set the page of the carousel myself onload:

Code: Select all

<p:remoteCommand name="onload" oncomplete="PF('carousel').setPage(3);" update="carousel" />