8 Replies Latest reply on Sep 25, 2012 6:13 AM by ilun

RichFaces 4.3.0 M1 Skin Problems

ilun Sep 24, 2012 6:19 AM

Hello,

I have a problem with richfaces, the skin does not apply in the application. I'm trying to implement it in a simple example.

I created the maven project in eclips with richfaces-archetype-simpleapp archetype and I add the following lines to web.xml.

          <context-param>
              <param-name>org.richfaces.skin</param-name>
              <param-value>classic</param-value>
            </context-param>

I copy the web.xml if I have something wrong with the configuration and code of xhtml.

web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">


    <display-name>Sphealt</display-name>
    
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>


    <context-param>
        <param-name>javax.faces.SKIP_COMMENTS</param-name>
        <param-value>true</param-value>
    </context-param>


    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    
    <!-- Resource Servlet - serves static resources and resources for specific components -->
    
    <!-- RICH FACES -->
    
    <servlet>
        <servlet-name>Resource Servlet</servlet-name>
        <servlet-class>org.richfaces.webapp.ResourceServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Resource Servlet</servlet-name>
        <url-pattern>/org.richfaces.resources/*</url-pattern>
    </servlet-mapping>
    
    <!-- Resource Mapping - resources will be served compressed and packed in production -->
    <context-param>
        <param-name>org.richfaces.resourceMapping.enabled</param-name>
        <param-value>true</param-value>
    </context-param>


          <context-param>
              <param-name>org.richfaces.skin</param-name>
              <param-value>classic</param-value>
            </context-param>


    <session-config>
        <session-timeout>30</session-timeout>
    </session-config>


    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>


    <login-config>
        <auth-method>BASIC</auth-method>
    </login-config>

</web-app>

index.xhtml

And above all, thanks!

1. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 24, 2012 6:23 AM (in response to ilun)

Sorry the index code is not listed, i put it back.

index.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition
               xmlns="http://www.w3.org/1999/xhtml"
               xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

    <rich:panel style="width:400px">
        <f:facet name="header">
            <h:outputText value="Validation Form" />
        </f:facet>
        <h:form>

            <rich:messages ajaxRendered="true" />
            <h:panelGrid columns="2">
                <h:outputText value="Username:" />
                <h:inputText label="user" id="user" required="true" value="#{loginBean.user}">
                    <f:validateLength minimum="3" />
                </h:inputText>
                <h:outputText value="Password:" />
                <h:inputText label="password" id="passwd" required="true" value="#{loginBean.passwd}">
                    <f:validateLength minimum="3" maximum="50" />
                </h:inputText>
                <f:facet name="footer">
                    <a4j:commandButton value="Login" />
                </f:facet>
            </h:panelGrid>
        </h:form>
    </rich:panel>
</ui:composition>
thanks!
Actions
2. Re: RichFaces 4.3.0 M1 Skin Problems

jhuska Sep 24, 2012 7:09 AM (in response to ilun)

Hi Ilun,

You are probably missing additional libraries like sac and cssparser in you application war. Am I right ?

If yes, download for example this richfaces-showcase from [this|https://repository.jboss.org/nexus/service/local/repositories/releases/content/org/richfaces/examples/richfaces-showcase/4.2.2.Final/richfaces-showcase-4.2.2.Final-jbas71.war] link, where you can find under WEB-INF/lib/ the above mentioned libraries.
Actions
3. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 24, 2012 9:05 AM (in response to ilun)

Tienes razon, no tenia esas librerias en la aplicacion, pero el problema persiste.
Actions
4. Re: RichFaces 4.3.0 M1 Skin Problems

iabughosh Sep 24, 2012 9:06 AM (in response to ilun)

as ilun said, check css-parser, sac & guava jars, and don't forget to make your template use h:head instead of head to apply skins.

regards.
1 of 1 people found this helpful
Actions
5. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 24, 2012 9:37 AM (in response to ilun)

I added the css-parser, guava & sac libraries but still with the same problem.

Need more information on the project?
Actions
6. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 24, 2012 9:44 AM (in response to iabughosh)

In my template I've <h:head> instead head.
Actions
7. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 25, 2012 5:15 AM (in response to iabughosh)

Ibrahim Abu Ghosh escribió:

as ilun said, check css-parser, sac & guava jars, and don't forget to make your template use h:head instead of head to apply skins.

regards.

I think my problem are in xhtml index and template because when i copy the example code in index.xhtml without template the application run perfect but when i put the template the app not work.

I copy for you the index.xhtml and template.xhtml.

index.xhtml

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

<h:body>

          <ui:composition template="/templates/template.xhtml">

              <rich:panel style="width:400px">
        <f:facet name="header">
            <h:outputText value="Validation Form" />
        </f:facet>
        <h:form>

            <rich:messages ajaxRendered="true" />
            <h:panelGrid columns="2">
                <h:outputText value="Username:" />
                <h:inputText label="user" id="user" required="true" value="#{loginBean.user}">
                    <f:validateLength minimum="3" />
                </h:inputText>
                <h:outputText value="Password:" />
                <h:inputText label="password" id="passwd" required="true" value="#{loginBean.passwd}">
                    <f:validateLength minimum="3" maximum="50" />
                </h:inputText>
                <f:facet name="footer">
                    <a4j:commandButton value="Login" />
                </f:facet>
            </h:panelGrid>
        </h:form>
    </rich:panel>

    </ui:composition>

</h:body>

</html>

template.xhtml

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

<h:head>
    <title>RichFaces Application</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    </h:head>

<h:body>
        <ui:insert name="body">Template</ui:insert>
</h:body>

</html>

Remember that is a small modification of the richfaces-archetype-simpleapp archetype.

Thanks!
Actions
8. Re: RichFaces 4.3.0 M1 Skin Problems

ilun Sep 25, 2012 6:13 AM (in response to ilun)

Solved!

The index.xhtml was wrong because i haven't put the code inside <ui:define name="body"> ... </ui:define> tags.

My fault!

Thank for all!
Actions

Go to original post