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 run ofbiz as ubuntu Service.

JPA vs Spring JPA vs Spring Data JPA vs Hibernate

Java Array Interview Questions for Entry-Level Developers Part 01