p:carousel issues

[mbauer77]

Hi,

with Primefaces 1.1 i have some issues with the p.carousel:

- how can I get it *really* circular ? Instead of rewinding it after the last item in the list, it should automatically continue with the first item
- how can i switch of the header ?
- within the item i have a h:commandlink that should call (via action) a method of the currently viewed bean - but this method is never called... (<h:commandLink action="#{item.click}">text</h:commandLink>)

[paco_online]

hello,

no suggestions for the*really* circular issue??
i'm also looking for a solution of this problem...

thanks a lot

[mbauer77]

Honestly I have even one more Issue:

With PF1.1 and the setup of

Code: Select all

 <p:carousel styleClass="homecar" id="homecar" height="120" style="width:550px !important;padding-left:10px;"
                        itemStyleClass="news" itemStyle="height:185px"
                        autoPlayInterval="5000"   rows="1" effect="easeInStrong" circular="true" value="#{cms.tops}" var="item">
                <a4j:outputPanel layout="block" style="text-align:left;width:550px; border:0px solid;background:white;background-image:url(img/MED_#{item.picture});background-repeat:no-repeat;background-position:215px 20px;margin-top:5px;">
.
.
.
</a4j:outputPanel>
</p:carousel>

It is OK with webkit browsers, Firefox and IE8 - but i in IE7 the inner a4j:outputPanels are put on top of each other instead of next to each other, so the whole this is garbled. The problem seems to be, that p:carousel renders its children with style="left:4px" resulting in overlying divs in IE7.

[cagatay.civici]

1.1 is not a supported version and 1.x is not developed/maintained anymore. Also you might have issues with a4j:outputPanel compatibility issues, try p:outputPanel.

[mbauer77]

I know, but as RichFaces somehow fell asleep over the last months (they woke up recently) i am still stuck in JSF1.2 for at least 3 months with this project, so i have to find a solution in the meantime. But I'll try p:outputPanel. (Thought both of them just render as span or div but don't contain further logic/dependencies). If I'd know where to get my hands on, I'd just subclass your 1.1 component to fix the issues. (If you don't mind )

Nevertheless - is there any chance to get the extensions to carousel to work in PF 2.2 ?

[mbauer77]

ok, i found the issue with PF1.1 and IE7. I tried it with p:outputPanel instead of a4j:outputPanel but got - as expected - no change.

The problem is the following:

The li-elements get rendered with an inline style element containing its "left"-position. Now the first li has "left:0px". OK.
But the second one has "left:4px" and the third one has "left:8px". While they should have 554px and 1108px.

I assume that the code that generates the LI-elements does not multiply the element index with the "width"-value.

[mbauer77]

So... the solution is to include the attribute itemStyle="width:550px;" to p:carousel - i assume the individual "left" is calculated in the javascript-part and IE7 returns 0 if we don't explicitely specify a width.