2 Replies Latest reply on Feb 24, 2014 6:01 AM by ppitonak

    rich:editor not rendering as input text area  on Ipad .

    praveenib

      I am trying to use a rich:editor in a rich:popupPanel on my website. The rich:editor is working fine in the desktop browsers but is not working on Safari on an iPad. Can any one suggest me why and the modifications i have to make to make it work on iPad . Below is the related code . Any help is really appreciated . I need it to function as a normal WYSIWYG editor . It is being rendered as an inputTextarea .  I am using Rich Faces 4.2.3 Final

       

       

      <rich:popupPanel id="mpnotification" modal="false" autosized="true"

        domElementAttachment="parent" >

       

        <f:facet name="header">Message of the Day</f:facet>

        <f:facet name="controls">

        <h:panelGroup>

        <h:graphicImage value="/images/icons/ico_close.gif"

        styleClass="hidelink" >

        <rich:componentControl target="mpnotification"

        action="#{commonController.hideNotification}"

        operation="hide" event="click" />

        </h:graphicImage>

        </h:panelGroup>

        </f:facet>

        <h:inputHidden value="#{commonController.popupShown}" />

       

      <rich:editor id="notifyEditor" toolbar="custom"

        readonly="#{commonController.notifyReadOnly}"

        height="350" width="750"

        value="#{commonController.notificationMessage}"

        rendered="#{commonController.showNotificationEditor}">

                  <f:facet name="config">

                        #{commonController.notifyToolbarConfig}

                        </f:facet>

         </rich:editor>

             

              <div align="center">

            <a4j:commandButton value="Update"

            rendered="#{!commonController.notifyReadOnly}"

            action="#{commonController.updateNotification}" >

        <a4j:ajax execute="@form"

        oncomplete="#{rich:component('mpnotification')}.hide()" />

        </a4j:commandButton>

            <a4j:commandButton id="notifyclose" value="Close"

            execute="@this"

            immediate="true"

        action="#{commonController.hideNotification}"

        oncomplete="#{rich:component('mpnotification')}.hide()"

        render="notifyEditor,pnotify" >editor.png

        </a4j:commandButton>

        </div>

       

        </rich:popupPanel>