AUI Popup and AUI Modal Dialog In Liferay 7

Liferay has provided AUI Popup and AUI Modal Dialog Using them we can create the aui popup window in Liferay, If you are planning to perform any render or actions inside the popup the AUI Popup Window is ideal, as it is rendered Inside an IFrame action success message and error messages can be shown in the popup , if you're not performing actions rather showing confirm box or Ajax is involved in the interaction you can go ahead with modal Dialog, it is not rendered in IFrame.

Environment
Liferay IDE 3.1.2 GA3
Liferay CE Portal Tomcat 7 GA4
JDK 8
MySql 5.7

There are many ways in which you can create a popup in JSP, and render the content, content can be  JSP or The content of a DIV, Lets see how to render a JSP Inside the Popup First

AUI Popup Using 'UseDialog'

Liferay 7 has come up with one of the coolest and simplest way which allows you to render JSP in other words a Render URL without any AUI Script for the popup.

Using AUI Script

Using Modal Dialog

Note : Don't perform any action in the Modal Dialog Popup, it is not suitable for performing any action or render in the popup.



You can download the complete source code from the below url and please deploy and let me know if it have any issues.


Source Code