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

[spiritfox26]

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.

The rich:modal

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!

[nbelaevski]

Hi Agustin,

Can you please clarify what is the problem - the page looks just good.

[spiritfox26]

Hi Nick, the problem was the html tags embebed in notes disfigures the normal screen

Normal screen:

Thanks in advanced

[nbelaevski]

So, when you are adding HTML notes, you got problems with top menu styling, right?

[spiritfox26]

Yes! but depend the tags HTML was added.

[nbelaevski]

Have you tried to compare styling/elements structure via Firebug?

[spiritfox26]

Yes, the problem was some notes have other style and generate problems with page style. I need isolate notes but i'm not sure this is possible.

[spiritfox26]

someone?

[girionis]

Did you manage to resolve this? I have the same problem.

[spiritfox26]

Yes and no, the "solution" was put the notes in rich:editor with this properties

<rich:editor width="750" height="480" value="#{incidenteEditBean.notasTecnicosTicketsHTML}" readonly="true" configuration="editorconfignotas"/>

editorconfignotas.properties

theme="advanced"

force_p_newlines="false"

force_br_newlines="false"

Regards

[girionis]

Thanks for the reply. Ubnfortunatelly it didn't help, seems I have a slightly different problem. I am looking into it and if I find something I will post here.