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...
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...
Please follow your post:
ReplyDeletehttp://www.technewsable.com/what-is-bootstrap-and-why-should-you-use-bootstrap/
:)