How to disable aui.css css in your theme in liferay 6.2.

Many liferay developer want to use bootstrap 3 for his/her theme but liferay 6.2 not support bootstrap 3. In liferay boostrap css integrate in aui.css. So need disable aui.css and add bootstrap 3 css.

There are two ways to disable aui.css:

1.In your theme _diffs folder add aui.css and remove all content.

2. Using liferay Hook(This should not follow because disable important liferay feature.): In liferay theme all necessary css and js are include in portal_normal.vm as below..

<head>
    $theme.include($top_head_include)
</head>

 Above $top_head_include is vm variable which value is defined in html>common>themes>top_head.jsp.

You can override this using hook... create a Hook plugin project and

comment below line..

<%-- Portal CSS --%>

<%-- <link class="lfr-css-file" href="<%= HtmlUtil.escapeAttribute(PortalUtil.getStaticResourceURL(request, themeDisplay.getPathThemeCss() + "/aui.css")) %>" rel="stylesheet" type="text/css" />
 --%>


Enjoy...

Comments

  1. Please follow your post:
    http://www.technewsable.com/what-is-bootstrap-and-why-should-you-use-bootstrap/
    :)

    ReplyDelete

Post a Comment

Popular posts from this blog

How to find the companyId in Liferay.

How to add portlet in liferay theme.

How to create soap client for ofbiz service or ofbiz service invocation from another application.