How to make popup window in Liferay? This my code. It's like in Liferay Wiki.

var popup = new Liferay.Popup( { 
  header: 'our title', 
  position:[150,150], 
  modal:true, width:500, 
  height:300, 
  xy: ['center', 100], 
  url: '/my_file.jsp', 
  urlData: { winowState : 'LiferayWindowState.EXCLUSIVE'} 
} );

What is missing?

PS: I'm trying to put it working in Liferay 6.0

How to make popup window in Liferay? This my code. It's like in Liferay Wiki.

var popup = new Liferay.Popup( { 
  header: 'our title', 
  position:[150,150], 
  modal:true, width:500, 
  height:300, 
  xy: ['center', 100], 
  url: '/my_file.jsp', 
  urlData: { winowState : 'LiferayWindowState.EXCLUSIVE'} 
} );

What is missing?

PS: I'm trying to put it working in Liferay 6.0

• javascript
• liferay

2 Answers 2

On top of sandeepnair85's answer, to AJAX in content form your URI, you'll have to add the following code:

<aui:script use="aui-dialog">
    function showPopup(){
        var dialog = new A.Dialog({
            title: 'DISPLAY CONTENT',
            centered: true,
            modal: true,
            width: 200,
            height: 200
        }).plug(A.Plugin.IO, {
            uri: 'http://myurl.'
        }).render();
    }
</aui:script>

More details on how the A.Plugin.IO plugin works can be found here: http://alloy.liferay./deploy/api/A.Plugin.IO.html

Hi can you try this code. Its a simple example on how to create popup in liferay usin AUI

<aui:script use="aui-dialog">
    function showPopup(){
        var dialog = new A.Dialog({
            title: 'DISPLAY CONTENT',
            centered: true,
            modal: true,
            width: 200,
            height: 200,
            bodyContent: "My First popup"
        }).render();
    }
</aui:script>