Board index JavaServer Faces General Modal dialog doesn't work with p:layout

Modal dialog doesn't work with p:layout

Components, Ajax Framework, Utilities and More.


Posts: 36
When you display a modal dialog within p:layout/p:layoutUnit the dialog itself is also disabled. SInce M3
 
<p:layout  fullPage="true">
          <p:layoutUnit position="west" size="75" resizable="false" closable="false" collapsible="false">

             <p:commandButton value="Modal" onclick="dlg2.show();" type="button"/> 

         </p:layoutUnit>    
         <p:layoutUnit position="center"  >
            <p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true" height="100"> 
                <h:outputText value="This is a Modal Dialog." /> 
            </p:dialog> 
         </p:layoutUnit>
   </p:layout>


I will create an issue.


Posts: 112
try the appendToBody attribute of dialog
PrimeFaces (Elite) 4.0.13, Majorra 2.1.28, Tomcat 7.0.53
Testing with Firefox, Chrome and IE9+IE10
<3 Primefaces!!!


Posts: 15107
Location: Cybertron

You can't use "modal" dialog inside layout, either take it outside or use appendToBody.
PrimeFaces Lead


Posts: 36
ok I will try it. thanx


Return to General