Liferay Popups

-
1. Displaying content as pop up

<script>
function showDependancyPopup() {
     
        var content = $('#id').html();
        AUI().use('aui-base', 'aui-io-plugin-deprecated',
                'liferay-util-window', function(A) {

                    var popUpWindow = Liferay.Util.Window.getWindow({
                        dialog : {
                            centered : true,
                            constrain2view : true,
                            modal : true,
                            resizable : false,
                            width : 600,
                            bodyContent : content,
                             buttons:[{
                               text:'OK',handler:function() {
                                this.close();                }
                               }]
                        }
                    }).plug(A.Plugin.IO, {
                        autoLoad : false
                    }).render();
                    popUpWindow.show();
                    popUpWindow.titleNode.html("Title");
               

                });
    }
</script>

2. Displaying JSP as pop up.

<script>
Liferay.provide(window, '<portlet:namespace />popup', function(){
         var popUpWindow=Liferay.Util.Window.getWindow(
                        {
                        dialog: {
                        centered: true,
                        constrain2view: true,
                        //cssClass: 'yourCSSclassName',
                        modal: true,
                        resizable: false,
                        width: 350,
                        height: 350
                        },
id : 'popupId'
                        }
                        ).plug(A.Plugin.IO, {
autoLoad : false
}).render();
        popUpWindow.show();
        popUpWindow.io.set('uri', url);
popUpWindow.titleNode.html("Title");
popUpWindow.io.start();              
    });
</script>

where url is render url.


3. Closing the popup

AUI().use('aui-base','aui-io-plugin-deprecated','liferay-util-window',
function(A) {
var dialog = Liferay.Util.getWindow("popupId");
dialog.destroy();

});

Comments

Post a Comment

Popular posts from this blog

Liferay 7 overriding MVC Commands

-
MVCActionCommand : An interface that allows the portlet to process a particular action request. By extending  BaseMVCActionCommand , we can customize processAction method. MVCRenderCommand : An interface that handles the render phase of the portlet. By   extending  BaseMVCRenderCommand , we can customize render method. MVCResourceCommand : An interface that allows the portlet to serve a resource. By  extending  BaseMVCResourceCommand , we can customize serveResource method. Now , we will see how to customize processAction method. Step 1: Initially, Create one module as mentioned in Liferay 7 document. Step 2: In controller class, write the component property depends on which modules you are customizing, for eg., if we customize create account page, write as following @Component( property = { "javax.portlet.name=com_liferay_login_web_portlet_FastLoginPortlet", "javax.portlet.name=com_liferay_l...
Read more

Liferay Tabs Search container pagination

-
question_list.jsp  String tabNames = "Active Questions,InActive Questions"; String tabs1= ParamUtil.getString(request,"tabs1", "Active Questions");     Object ob = request.getAttribute("selectedTab");     String value ="Active Questions";     if (ob != null) {     value = (String) ob;     tabs1 = value;     } PortletURL iteratorURL = renderResponse.createRenderURL(); iteratorURL.setParameter("action", "questionlist"); <liferay-ui:tabs    names="<%= tabNames %>"    url="<%= iteratorURL.toString() %>"      param="tabs1"    value="<%=tabs1 %>"   >     <liferay-ui:section>      <c:if test='<%= tabs1.equalsIgnoreCase("Active Questions")%>'>       <liferay-ui:search-container delta="10" emptyResultsMessage="Sorry" iteratorURL="<%...
Read more

Display portlet as popup in theme

-
Step 1: Open the portal-normal.vm file and write the below code.  portal-normal.vm  #set ($popupUrl = $portletURLFactory.create($request, " login_WAR_portlet ",$page.getPlid(), "RENDER_PHASE")) $popupUrl .setParameter("p_p_state", "exclusive") $popupUrl .setPortletMode("view")    <a href="#" onClick = "showPopup()">Show Popup </a> where ' login_WAR_portlet ' is the portlet name .     Step 2: Write the javascript code for popup in portal-normal.vm or any other .js file. < aui:script > AUI().use('aui-base', 'aui-io-plugin-deprecated', 'liferay-util-window', function(A) { function showPopup(){ var popUpWindow=Liferay.Util.Window.getWindow( { dialog: { centered: true, constrain2view: true, //cssClass: 'yourCSSclassName', modal: true, resizable: false, width: 475 } ...
Read more