7 Replies Latest reply on Dec 21, 2007 10:45 AM by Nick Belaevski

    Problem: rich:calendar popup position using facelets (only F

    raphael.martins Newbie

      I have an app using Facelets.

      In my included page, I have a rich:calendar. Using 'Internet Explorer', when client clicks in the calendar button. The popup is displayed correctly.
      But, at Firefox, the pop up is showed at left side of the page.

      I made a simple example to post here my problem and I realized this problem happens when my template uses a html "table" . I need to use html "table" in my template to make correct my layout.

      I think it's a bug because it works differently in ie and FF.
      I've already tested with richFaces 3.1.2, 3.1.3 and 3.2 snapshot.

      Follow the relevant code:

      simpleTemplate.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:ui="http://java.sun.com/jsf/facelets">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>My App Name</title>
      <style type="text/css">
      body
      {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: small;
      }
      </style>
      </head>
      
      <body>
      
      <table width="400" align="center">
       <tr>
       <td>
       <ui:insert name="body">Default Body</ui:insert>
       </td>
       </tr>
      </table>
      
      </body>
      </html>

      testCalendar.xhtml
      <?xml version="1.0" encoding="ISO-8859-1"?>
      <!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:ui="http://java.sun.com/jsf/facelets"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:rich="http://richfaces.ajax4jsf.org/rich">
      
      <body>
      
      <ui:composition template="/simpleTemplate.xhtml">
      
       <ui:define name="body">
       <h:form>
       <rich:calendar/>
       </h:form>
       </ui:define>
      
      </ui:composition>
      
      </body>
      </html>