2 Replies Latest reply on Mar 12, 2007 11:00 AM by Sergey Smirnov

    Missing cursor or elements in modalPanel

    perrylucas Newbie

      Here's what I have:

      ...
      <rich:modalPanel id="addProductLineOptionPanel" minWidth="275" minHeight="175" zindex="200">
       <f:facet name="header">
       <h:outputText value="Add Option" />
       </f:facet>
       <f:facet name="controls">
       <h:graphicImage value="/img/modal/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('addProductLineOptionPanel')" />
       </f:facet>
       <h:panelGrid class="workaround">
       <a:form id="productLineOptionForm" ajaxSubmit="true" oncomplete="Richfaces.hideModalPanel('addProductLineOptionPanel')" reRender="productLineOptionsTable">
       <h:panelGrid columns="2" class="noborder">
       <h:outputLabel>Name:</h:outputLabel><h:inputText value="#{productLineOption.name}"/>
       <h:outputLabel>Value:</h:outputLabel><h:inputText value="#{productLineOption.value}"/>
       </h:panelGrid>
       <h:commandButton id="add" value="Add" action="#{productService.addProductLineOption}" />
       </a:form>
       </h:panelGrid>
      </rich:modalPanel>
      ...
      


      As it is, upon clicking or tabbing into one of the inputText elements found within the modalPanel, no text-style cursor appears indicating that focus has been given. I substituted the <a:form> for an <h:form> to eliminate the possibility that this behavior was being caused by ajax4jsf, so it must be coming from modalPanel?

      Is this a known issue / are there any workarounds?