2 Replies Latest reply on Sep 26, 2008 10:30 AM by Rich Hephner

    Rich:Calendar not working in Firefox 2.x or IE7

    Rich Hephner Newbie

      Hi. My scenario is as follows:

      * Rich:Calendar is rendered with the following code:

      <rich:calendar id="sp" enableManualInput="true" zindex="1000"
      datePattern="yyyy-MM-dd HH:mm" value="#{startRequest.date}"
      required="true" requiredMessage="Start Date required"
      showWeeksBar="false" validator="startDateValidator"
      inputClass="flatten" showApplyButton="true" />


      * When selecting a date, instead of having the time button show up, the calendar simple closes without populating the input box.

      * This only happens in IE7 and Firefox 2.X

      * Through debugging and lots of digging, I've solved the problem by adding e.cancelBubble to the eventCellOnClick event and the timeEditor.

      My question is, has anyone seen this behavior before? Is this something that is a legitimate RichFaces bug, or is there an easier way to fix than hacking the source code?

      Thanks.

      Rich

        • 1. Re: Rich:Calendar not working in Firefox 2.x or IE7
          Ilya Shaikovsky Master

          which version you using? please show more full code snippet. Also if there are any client side errors?

          • 2. Re: Rich:Calendar not working in Firefox 2.x or IE7
            Rich Hephner Newbie

            I'm using RichFaces 3.1.6. No client side errors are showing up.

            It's within a modal panel. Here's the entire panel

            <a4j:region>
             <rich:modalPanel id="start" height="360" width="400"
            onshow="setParams({'startForm:startNodeId':event.parameters.nodeId})">
             <f:facet name="header">Start a New Workflow Process</f:facet>
             <f:facet name="controls">
             <h:graphicImage value="../img/close.png" style="cursor:pointer"
             styleClass="controlButton">
             <rich:componentControl event="onclick" for="start" operation="hide" />
             </h:graphicImage>
             </f:facet>
            
             <a4j:outputPanel id="startPanel">
             <h:form id="startForm">
             <h:inputHidden value="#{startRequest.nodeid}" id="startNodeId"></h:inputHidden>
             <h:panelGrid columns="3" width="100%" id="startGrid">
            
             <h:outputLabel for="ms" value="Mission:" />
             <h:selectOneMenu id="ms" value="#{startRequest.mission}" required="true"
            styleClass="cSelects flatten">
             <s:selectItems value="#{missionList.missionsAsList}"
            var="mission" label="#{mission}" noSelectionLabel="Select mission..."
            rendered="#{!empty(missionList.resultList)}" />
             <s:validate />
             </h:selectOneMenu>
             <rich:message for="ms" />
             <h:outputLabel for="sp" value="Start Date:" />
             <rich:calendar id="sp" enableManualInput="true"
            zindex="1000" datePattern="yyyy-MM-dd HH:mm"
            value="#{startRequest.startDate}" required="true"
            requiredMessage="Start date required" showWeeksBar="false"
            validator="startDateValidator" inputClass="flatten"
            showApplyButton="true" />
             <rich:message for="sp" />
             <h:outputLabel for="rv" value="Revision Type:" />
             <h:selectOneMenu id="rv"
            value="#{startRequest.revisionType}" required="true" styleClass="cSelects flatten">
             <f:selectItem itemValue="New" itemLabel="New" />
             <f:selectItem itemValue="Summary" itemLabel="Summary" />
             <f:selectItem itemValue="Major Update" itemLabel="Major Update" />
             <f:selectItem itemValue="Minor Update"
            itemLabel="Minor Update" />
             <f:selectItem itemValue="Minor Correction or Change"
             itemLabel="Minor Correction/Change" />
             </h:selectOneMenu>
             <rich:message for="rv" />
             </h:panelGrid>
             <div style="float: right">
             <a4j:status>
             <f:facet name="start">
             <img src="../img/wait.gif" style="float: right" />
             </f:facet>
             <f:facet name="stop">
             <a4j:commandButton id="startBtn" value="Start"
             action="#{workflow.start}" onclick="hideStatusable()" styleClass="button"
            oncomplete="closeModalPanel('start');showStatusable()" />
             </f:facet>
             </a4j:status>
             </div>
             </h:form>
             </a4j:outputPanel>
             </rich:modalPanel>
             </a4j:region>