1 Reply Latest reply on Feb 22, 2016 4:35 AM by Michal Petrov

    Resize of rich:editor not filling panel area

    Arnie Morein Novice

      I have a modal panel that is a simple pop up to show a comment field. The data is rich text so I'm using the rich:editor to display it.


      <a4j:outputPanel id="modalShowTextOutputPanel">
          <rich:popupPanel id="modalShowTextPopupPanel" autosized="true"
              minHeight="500" minWidth="600" style="z-index:1000 !important;"
              <f:facet name="header">
                  <h:outputText value="#{modalShowText.modalHeaderLabel}" />
              <h:panelGrid width="100%" columns="2"
                  <h:outputText value="#{modalShowText.fieldLabel}" />
                      title="#{messages.getString('application.lbl.escape')}" />
              <h:panelGrid id="panelGridText" width="100%" columns="1"
                  <h:form id="modalShowTextForm">
                      <rich:hotKey enabledInInput="true" key="esc"
                          onkeyup="#{rich:component('modalShowTextPopupPanel')}.hide();" />
                      <rich:editor value="#{modalShowText.text}" toolbar="custom"
                          style="resize:both;height:100% !important;width:100% !important;">
                          <f:facet name="config">toolbar_custom: [{ name: 'document', items : [ 'Preview' ] }]</f:facet>


      I have a style set on the editor to supposedly tell it to fill the area but as you can see in the attached picture, it doesn't.


      Is there something I have to do to make the editor resize properly?