10 Replies Latest reply on May 30, 2011 3:15 AM by Panos Konstantinidis

    h:outputext escape="false" problem inside rich:modalPanel

    Agustin Sivoplás Ferrari Expert

      I'm using rich:modalPanel to show notes, the problem was this notes can be html, i put escape="false" property in h:outputext to display this html, but this disfigures the page , when user click View Notes button the modal appears with notes.

       

      Captura.PNG

       

      The rich:modal

       

      Captura2.PNG

       

      The code:

       

      <rich:modalPanel id="notasIncidente" width="800" height="550" resizeable="false" domElementAttachment="parent">
      <f:facet name="header">
                 <h:panelGroup>
                     <h:outputText value="#{msg.datosIncidenteLabel}"></h:outputText>
                 </h:panelGroup>
                   </f:facet>
      <f:facet name="controls">
                 <h:panelGroup>
                     <h:graphicImage value="/images/close.png" style="cursor:pointer" id="hidelink"/>
                     <rich:componentControl for="notasIncidente" attachTo="hidelink" operation="hide" event="onclick"/>
                 </h:panelGroup>
             </f:facet>
             <rich:panel styleClass="modalStyleScroll">
                  <rich:dataList id="notas" value="#{incidenteEditBean.notasTecnicosTickets}" var="nota">
      <br/>
      <h:outputText styleClass="textoNegrita" value="#{msg.seleccionarUsuarioCierre}"/>
      <h:outputText value=" "/>
      <h:outputText value="#{nota.usuario.nomUsuario}"/>
      <h:outputText value=" "/>
      <h:outputText styleClass="textoNegrita" value="#{msg.fecha}"/>
      <h:outputText value=" "/>
                 <h:outputText value="#{nota.fechaNotaString}"/>
                 <h:outputText value=" "/>
      <h:outputText styleClass="textoNegrita" value="#{msg.timeLabel}" />
      <h:outputText value=" "/>
      <h:outputText value="#{nota.tiempoConsumidoNota}"/>
      <rich:separator height="3" lineType="solid"/>
                 <br/>
                 <h:outputText value="#{nota.textoNota}" escape="false"/>
             </rich:dataList>
         </rich:panel>
      </rich:modalPanel>
      <rich:modalPanel id="notasIncidente" width="800" height="550" resizeable="false" domElementAttachment="parent">
                     <f:facet name="header">
                       <h:panelGroup>
                           <h:outputText value="#{msg.datosIncidenteLabel}"></h:outputText>
                       </h:panelGroup>
                   </f:facet>     
                     <f:facet name="controls">
                       <h:panelGroup>
                           <h:graphicImage value="/images/close.png" style="cursor:pointer" id="hidelink"/>
                           <rich:componentControl for="notasIncidente" attachTo="hidelink" operation="hide" event="onclick"/>
                       </h:panelGroup>
                   </f:facet>
                   <rich:panel styleClass="modalStyleScroll">
                        <rich:dataList id="notas" value="#{incidenteEditBean.notasTecnicosTickets}" var="nota">
                               <br/>
                               <h:outputText styleClass="textoNegrita" value="#{msg.seleccionarUsuarioCierre}"/>
                               <h:outputText value=" "/>
                               <h:outputText value="#{nota.usuario.nomUsuario}"/>
                               <h:outputText value=" "/>
                               <h:outputText styleClass="textoNegrita" value="#{msg.fecha}"/>
                               <h:outputText value=" "/>
                            <h:outputText value="#{nota.fechaNotaString}"/>
                            <h:outputText value=" "/>
                               <h:outputText styleClass="textoNegrita" value="#{msg.timeLabel}" />
                               <h:outputText value=" "/>
                               <h:outputText value="#{nota.tiempoConsumidoNota}"/>
                               <rich:separator height="3" lineType="solid"/>
                            <br/>
                            <h:outputText value="#{nota.textoNota}" escape="false"/>
                        </rich:dataList>
                    </rich:panel>
                </rich:modalPanel>
      

       

      I need help!

       

      Thanks in advanced!