Including JSP page in Vm file

$theme.include($themeServletContext, "/elements.jsp")

make sure that elements.jsp page is available under root folder of theme

Adding Portlet in Control Panel

In liferay-portlet.xml .......write these two lines after <icon>/icon.png</icon> tag

       <control-panel-entry-category>configuration</control-panel-entry-category>

        <control-panel-entry-weight>1.0</control-panel-entry-weight>

 

 

Embedding Portlet in Layout

--------------------------for custom portlet--------------------

                      $processor.processPortlet("aluminilanding_WAR_ATS_Aluminiportlet")

 

--------------------------Out of Box Portlets--------------------
                      $processor.processPortlet("58")

 

-------------------------Syntax---------------------------------

                         $processor.processPortlet("Portlet ID")

Embedding Web Content into Portlet

In Jsp page

<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui"%>

<liferay-ui:journal-article articleId="11550" groupId="10181"></liferay-ui:journal-article>

Embedding web content into theme

In portal-normal.vm file

#set ($articleId = '11550')

$theme.journalArticle($articleId, $themeDisplay.getSiteGroupId(), "")

Service Locator

#set ($journalArticleLocalService = $serviceLocator.findService("com.liferay.portlet.journal.service.JournalArticleLocalService"))

#set ($journalArticle = $journalArticleLocalService.getArticleByUrlTitle($group_id,"footer_webcontent"))






#set($userLocalService = $serviceLocator.findService('com.liferay.portal.service.UserLocalService'))
$user.getFirstName()



#set ($VOID = $velocityPortletPreferences.setValue('groupId', $themeDisplay.getScopeGroupId().toString()))
#set ($VOID = $velocityPortletPreferences.setValue('articleId', '11475'))
#set ($VOID = $velocityPortletPreferences.setValue('portletSetupShowBorders', 'false'))
#set ($portlet_id = '56')
#set ($my_portlet_id = "${portlet_id}_INSTANCE_75LVKxT6OlOQ")
$theme.runtime($my_portlet_id, "", $velocityPortletPreferences.toString())
#set ($VOID = $velocityPortletPreferences.reset())



#set ($articleId = '11519')
$theme.journalArticle($articleId, $themeDisplay.getSiteGroupId(), "")

Random Image Display using Web content in liferay

<script>
window.onload=function abc(){
   var description=[
                "$request.get("theme-display").path-theme-images/veteran/banner.jpg",
                "$request.get("theme-display").path-theme-images/veteran/1.jpg",
                "$request.get("theme-display").path-theme-images/veteran/2.jpg",
                "$request.get("theme-display").path-theme-images/veteran/3.jpg",
                "$request.get("theme-display").path-theme-images/veteran/4.jpg",
                "$request.get("theme-display").path-theme-images/veteran/5.jpg",
                "$request.get("theme-display").path-theme-images/veteran/6.jpg"
                ];
 var size = description.length

var x = Math.floor(size*Math.random())

var picture = $('.picture-tag');

var img = picture.next();

picture.attr('srcset',description[x]);

img.attr('src',description[x]);
}
</script>



<div class="banner_box ">
  <picture>
    <source srcset="$imageBannerSmall.getData()" media="(max-width: 766px)"                                  class="picture-tag">
         <img <img window.onload="abc()"/>
   </picture>
</div>