Forum:

impossible to make work a galleria from primefaces

Ranch Hand

Posts: 120

posted 13 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi I am trying to build a galleria and it is imposible I have done an important research but nothing found about why with this code my page appears empty and no error is shows in the console.

¿Any knows about it?

Thanks

Pedro Caamug

Greenhorn

Posts: 1

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Dura Hurtado wrote:Hi I am trying to build a galleria and it is imposible I have done an important research but nothing found about why with this code my page appears empty and no error is shows in the console.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.prime.com.tr/ui" xmlns:ui="http://java.sun.com/jsf/facelets"> <h:head>  <title>lalaal</title> </h:head> <h:body> <h:form> <p:galleria value="Jose" var="image" frameWidth="64" frameHeight="87" panelWidth="300" panelHeight="200" transitionInterval="0" styleClass="ui-widget-content ui-corner-all"> <p:galleriaContent id="q" > <h:outputText value="Name: " /> </p:galleriaContent> </p:galleria> </h:form> </h:body> </html>

¿Any knows about it?

Thanks

PrimeFaces galleria is some sort of a data component. Your markup should look like below:

<p:galleria value="#{yourBean.images}" var="image" frameWidth="64" frameHeight="87"
panelWidth="300" panelHeight="200" transitionInterval="0"
styleClass="ui-widget-content ui-corner-all">

<p:graphicImage valu=#{image.image} />

<p:galleriaContent id="q" > <h:outputText value="#{image.content}" /> </p:galleriaContent>

</p:galleria>

Notice the value of p:galleria. It should come from a backing bean. The value of p:graphicImage is derived from the var value of your p:galleria. You can also use Orbit JQuery plugin in place of PrimeFaces galleria. Here is an article about using Orbit plugin in PrimeFaces.

http://kahimyang.info/kauswagan/HowtoBlogs.xhtml?b=750

It is a straight forward guide.

If you are using a wood chipper, you are doing it wrong. Even on this tiny ad:

We need your help - Coderanch server fundraiser

https://coderanch.com/wiki/782867/Coderanch-server-fundraiser