carousel render

[cororo]

hi;
I have an issue with carousel, I am following the example in primefaces showcase, but the images and name of them dont appear, just the carousel's header, if I click the buttom to switch the images I can see them but just alittle bit not the full view I created the proyect on this:

h:form>
p:carousel value="#{mame.lista}" var="player" rows="1" rendered="true">
<h:graphicImage value="#{player.foto}" width="500" height="600" rendered="true"/>
<h:outputText value="#{player.nombre}" />

/p:carousel>
/h:form>

In other way to explain my selft the carousel objet doesnt appear at full view just minimize.

Thanks in advance
Miguel V.

[ydarcin]

Hi,

are you using internet explorer?

Yigit

[cororo]

Hi;
Yes I am using internet explorer 7, something wrong with him ??

thanks in advance
Miguel V.

[ydarcin]

Hi,

I have checked the problem last night and I think there is a bug in the YUI's carousel component's height in ie.

The possible solution seems to be is adding this:

Code: Select all

               <style type="text/css">
                       .yui-carousel-element li {
                       height: 321px;
               }
              </style>

in your css or page. Of course you should give your own height value

Yigit.

[cororo]

hi;
But how do I add the code to carousel objet doesnt have a style like "styleClass="orders" headerClass="ordersHeader" columnClasses="oddColumn,evenColumn""

thanks in advance
Miguel V.

[ydarcin]

Hi,

just add this:

Code: Select all

<style type="text/css">
           .yui-carousel-element li {
                height: 321px;
          }
</style>

yui-carousel-element is the name of the style, so you can change this one in order to style your carousel

Yigit

[cororo]

Hi;
Wow thanks, thats works

[cagatay.civici]

I'll add this to documentation as well, maybe it'll fix image preloading problems of carousel.