4 Replies Latest reply on Oct 16, 2013 2:08 PM by Andre Casarin

    Richfaces components are not getting displayed

    Andre Casarin Newbie

      Hello,

       

      Sorry for this question, I think that is pretty simple for you guys that already works with Richfaces, however here we go: I have the code below and everything is ok in Eclipse IDE (rf_pic1.png), I can see that the calendar, for example, is displayed correctly as well as the others richfaces objects. But, when I try to run this page in any browser (firefox, chrome, ie....) I am seeing only see the text "Page Body" and the button "Teste" and the others componentes (rich:calendar and rich:combobox) are not displayed (rf_pic2.png and rf_pic3.png).

       

      Can anyone help me to understanding what is happening and how to fix this issue?

       

      I am using Tomcat 6.0 and Richfaces 4.

       

      Many Thanks

      André

       

      <!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">

           

        <head>

        <title><ui:insert name="pageTitle">Page Title</ui:insert></title>

        <style type="text/css">

        body {

         font-family: Verdana, Arial, Helvetica, sans-serif;

         font-size: 14px;

        }

        .header {

         font-family: Verdana, Arial, Helvetica, sans-serif;

         font-size: 18px;

        }

        .bottom {

         font-family: Verdana, Arial, Helvetica, sans-serif;

         font-size: 9px;

         text-align: center;

         vertical-align: middle;

         color: #8E969D;

        }

        </style>

        </head>

       

       

      <body bgcolor="#ffffff">

      <table style="border:1px solid #CAD6E0"  align="center" cellpadding="0" cellspacing="0" border="0" width="400">

      <tbody>

       

       

        <tr>

        <td class="header" height="42" align="center" valign="middle" width="100%" bgcolor="#E4EBEB">

        <ui:insert name="pageHeader">Page Header</ui:insert>

        </td>

        </tr>

        <tr>

        <td height="1" width="100%" bgcolor="#CAD6E0"></td>

        </tr>

       

       

        <tr>

        <td width="100%"  colspan="2">

        <table width="100%" style="height:150px" align="left" cellpadding="0" cellspacing="0" border="0">

        <tbody>

        <tr>

        <td align="center" width="100%" valign="middle">

       

        <ui:insert name="body">Page Body</ui:insert>

        <h:commandButton id="ok_button" label="OK" value="Teste"></h:commandButton>

              <rich:comboBox defaultLabel="Enter some value">

                   <f:selectItem itemValue="suggestion 1"/>

                   <f:selectItem itemValue="suggestion 2"/>

                   <f:selectItem itemValue="suggestion 3"/>

                   <f:selectItem itemValue="suggestion 4"/>

                   <f:selectItem itemValue="suggestion 5"/>

              </rich:comboBox>

        </td>

        <td>

           <a4j:outputPanel id="calendar" layout="block">

                          <rich:calendar value="#{calendarBean.selectedDate}"

                              locale="#{calendarBean.locale}"

                              popup="#{calendarBean.popup}"

                              datePattern="#{calendarBean.pattern}"

                              showApplyButton="#{calendarBean.showApply}" cellWidth="24px" cellHeight="22px" style="width:200px"/>

                  </a4j:outputPanel>

                  </td>

        </tr>

        </tbody>

        </table>

        </td>

        </tr>

        <tr>

        <td colspan="2"  valign="bottom" height="1" width="100%" bgcolor="#CAD6E0"></td>

        </tr>

      </tbody>

      </table>

      </body>

       

      </html>