0 Replies Latest reply on Feb 3, 2011 9:14 AM by Victor Freire

    rich:editor too small after rerender

    Victor Freire Newbie

      Hello everyone,

       

      After I submit the form, the font size of a html text inside a <rich:editor> becomes really small. I have compared the html code inside the editor before and after the form submission and they are the same, therefore I believe the problem must be in the page rendering.

       

      I have tried manually setting the font-size in CSS to no avail. Has anyone else ever experienced this problem?

       

      The code is below. Any help is appreciated.

       

      Thanks in advance,

      Victor Freire

       

       

       

      <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="/layout/template.xhtml">
      
      
                <ui:define name="body">
      
      
                <h1>#{messages['editarPeca']}</h1>
      
      
                <h:form>
                          <f:facet name="header">
                                    <rich:spacer height="4" />
                          </f:facet>
      
      
                          <center>
                                    <h:panelGrid columns="2" cellspacing="5">
      
      
                                              <rich:panel style="height : 600px">
                                                        <f:facet name="header">
                                                                  #{messages['campos']}
                                                        </f:facet>
                                              </rich:panel>
      
      
                                              <rich:panel style="height : 600px">
                                                        <f:facet name="header" >
                                                                  #{messages['visualizacao']}
                                                        </f:facet>
      
      
                                                        <rich:editor id="editor" viewMode="visual" theme="advanced" height="550" width="700" value="#{editarPeca.conteudoPeca}" plugins="fullscreen">
                                                                  <f:param name="theme_advanced_buttons1" value="cut,copy,paste,|,undo,redo,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect"/>
                                                                  <f:param name="theme_advanced_buttons2" value="bullist,numlist,outdent,indent,|,forecolor,backcolor,|,sub,sup,|,link,unlink,code,hr,|,charmap,visualaid,blockquote,|,fullscreen"/>
                                                                  <f:param name="theme_advanced_buttons3" value=""/>
      
      
                                                                  <f:param name="theme_advanced_toolbar_location" value="top"/>
                                                                  <f:param name="theme_advanced_toolbar_align" value="left"/>
                                                         </rich:editor>
                                              </rich:panel>
                                    </h:panelGrid>
                          </center>
      
      
                          <div class="actionButtons">
                                    <h:commandButton id="nothingButton" value="Nop..." />
                          </div>
                </h:form>
      
      
                </ui:define>
      </ui:composition>