• AUI Popup and AUI Modal Dialog In Liferay 7

    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.


    AUI Popup and AUI Modal Dialog In Liferay 7






    Using AUI Script

    If you want to Render a JSP in your popup and you want to define your own popup size, title, and other attributes then you can use the AUI Script Popup to render Customized Popup in your portlet 


    AUI Popup and AUI Modal Dialog In Liferay 7





    Using Modal Dialog

    If You Just Want to render the content of a DIV into the Popup you can use the 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.



    AUI Popup and AUI Modal Dialog In Liferay 7

    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


  • 9 comments:

    1. Superb! Helpful for me Thanks Ali :)

      ReplyDelete
    2. This comment has been removed by the author.

      ReplyDelete
    3. on click of action,popup still open. How to close Popup Onclick of Action

      ReplyDelete
    4. hi, i use Modal Dialog, but it has a issue, after it popup, the background will move down, and after change size of the dialog, background will move in same time.

      ReplyDelete