Mobile & tablet view Portlet place change

if(jquery_var(window).width() <= 768){
         var div1 = jquery_var("#p_p_id_invitationAppportlet_WAR_employerwatchListportlet_");
         jquery_var('#p_p_id_companyInfoportlet_WAR_companyInfoportlet_').insertBefore(div1);
 }

Bootstrap accordion only mobile & tablet

<script>
if(jquery_var(window).width() <= 768){
    jquery_var('#pan').addClass('panel');
    jquery_var('#pan-head').addClass('panel-heading');
    jquery_var('#pan-title').addClass('panel-title');
    jquery_var('#pan-click').addClass('pull-right clickable');
    jquery_var('#pan-body').addClass('panel-body panel-body-white');
}
</script>

Add & Remove Attribute
jquery_var("#Id").removeAttr("readonly");

Bootstrap 3 in Liferay 6.2

https://web.liferay.com/web/marcos.castro/blog/-/blogs/bootstrap-3-in-liferay-6-2-yes-that-s-possible

Based on the locale (language), perform some logic.

Based on the locale (language), I need to perform some logic. I am getting en_US for <%=themeDisplay.getLocale();%> in my JSP.

<%
String localelanguage = themeDisplay.getLocale().toString();
if(localelanguage.equalsIgnoreCase("en_US"))
{

}
%>

#foreach( $language in $languageUtil.

getAvailableLocales() )
                        <li>
                            <a href="/$language.getLanguage()/group$themeDisplay.getLayout().getGroup().getFriendlyURL()">
                                $language.getDisplayName()
                            </a>
                        </li>
                    #end

Setting cookies in javascript

           <button onclick="changeFont('default');" title="Default color">D</button>
            <button onclick="changeFont('black');" class="black_button" title="Change black color">B</button>
            <button onclick="changeFont('yellow');" class="yellow_button" title="Change yellow color">Y</button>
            <button onclick="changeFont('zoom');" title="Zoom in">A+</button>
            <button onclick="changeFont('zoomout');" title="Zoom out">A-</button>

<script>
function changeFont(style){
    if(style == 'black'){
        document.cookie = "fontStyle=black";
        jquery_var("label, h1, h2, p, header, a, #selectedindividual, #selectedemployer,.panel-   heading,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").removeClass("yellow");
        jquery_var("label, h1, h2, p, header, a, #selectedindividual, #selectedemployer,.panel-heading,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").addClass("black");
    }else if(style == 'zoom'){
          curSize= parseInt(jquery_var('.landing-pagebg,.panel-title,.active > a').css('font-size')) + 2;
                     if(curSize<=20)
                     jquery_var('.landing-pagebg,.panel').css('font-size', curSize);
    }else if(style == 'zoomout'){
         curSize= parseInt(jquery_var('.landing-pagebg,.panel-title,.active > a').css('font-size')) - 2;
                     if(curSize>=10)
                     jquery_var('.landing-pagebg,.panel').css('font-size', curSize);
    }else if(style == 'yellow'){
         document.cookie = "fontStyle=yellow";
         jquery_var("label, h1, h2, header,p, a, #selectedindividual, #selectedemployer,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").removeClass("black");
         jquery_var("label, h1, h2, header,p, a, #selectedindividual, #selectedemployer,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").addClass("yellow");
    }else{
        document.cookie = "fontStyle=default";
        jquery_var("label, h1, h2, header, p, a, #selectedindividual, #selectedemployer,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").removeClass("black");
        jquery_var("label, h1, h2, header, p, a, #selectedindividual, #selectedemployer,#navbar,.headtop,#footer,.colorScheme,.panel-heading,.panel-body,.panel-footer").removeClass("yellow");
    }
}
</script>
<script>

jquery_var(document).ready(function(){
  
    var fontStyle = getSelectedStyle('fontStyle');
  
    if(fontStyle == 'black'){
         jquery_var("label, h1, h2, p, a, #selectedindividual, #selectedemployer").addClass("black");
        
    }else if(fontStyle == 'zoom'){
         jquery_var("div, label, h1, h2, p, a").addClass("zoom");
    }else if(fontStyle == 'zoomout'){
         jquery_var("div, label, h1, h2, p, a").addClass("zoomout");
    }else if(fontStyle == 'yellow'){
         jquery_var("label, h1, h2, p, a, #selectedindividual, #selectedemployer").addClass("yellow");
    }

});

function getSelectedStyle(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
</script>

Note: You have to write the css for that particular tag & classes. 

 

How To Import and Export MySql Dump using command prompt

Import Dump into Database:

It will help to import entire database into specified database(eg: "importingDatabaseName").

c:\user\mufas>mysql -uroot  -proot  importingDatabaseName < Desktop/indexes.sql

Export Dump from Database:

It will help to take entire database as a dump.


c:\user\mufas>mysqldump  -u root -proot exportingDatabaseName> Desktop/indexes.sql

Fusion Chart

A simple Column 3D chart showing monthly revenue of Harry's SuperMart for last year.

http://jsfiddle.net/fusioncharts/xL3py/