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
}
}
).plug(
A.Plugin.IO,
{
autoLoad: false
}).render();
popUpWindow.show();
popUpWindow.titleNode.html("Liferay 6.2 Dialog Window");
popUpWindow.io.set('uri','$popupUrl');
popUpWindow.io.start();
}
});
</aui:script>

Step 3: Open liferay-portlet.xml add the following line.

 <add-default-resource>true</add-default-resource>

Comments

  1. Unknown24 July 2017 at 03:06

    Impressed alot.I really like your blog.Thanks for the post. Pop up System Services in Malaysia

    ReplyDelete
  2. Srikanth27 July 2017 at 02:11

    Thanks for sharing your post. Popup System in malaysia

    ReplyDelete
  3. Unknown7 May 2018 at 05:10

    The blog was absolutely fantastic! Lot of information is helpful in some or the other way. Keep updating the blog, looking forward for more content...Great job, keep it up.
    Pop Up System services in Malaysia

    ReplyDelete
  4. Qualzz14 November 2019 at 08:04

    Really nice info you posted thanks for sharing this with us. We provide Pop Up strategies.

    ReplyDelete

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_login_web_portlet_LoginPortlet
Read more

Liferay migration to version 7.x

-
This blog explains the process of upgrading the Liferay core installation to version 7.0 in simple steps. Note : If you are doing migration from 6.1 and earlier, go through the following link  Upgrade to Liferay 7  and proceed with the following steps. Step 1 Install jdk 8 and mysql 5.7 in your system. Please refer this compatibility matrix for version details  Compatibility Matrix PDF . Step 2  Take backup of your existing Liferay installation and Database that you are about to migrate. Step 3 Install Liferay 7 in your system. Update the 'portal-ext.properties' by pointing out the existing database (i.e earlier version). Dont start it. If you start it, you will get error message as follows: You must first upgrade to Liferay Portal 7000 Step 4 Copy and paste existing  [Liferay Home]/data/document_library folder in to new installation. For more details about Document Management , follow this  document-repository-configuration Step 5 Create a file cal
Read more

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        
Read more