Liferay: how to avoid rebuilding/redeploying CSS files


Tags: css,liferay

Problem :

if you're familiar with Liferay you'll know that when you make an itsy-bitsy change to a css file you shall rebuild the theme and redeploy it.

As for redeploying I made a symlink (mind you I'm on Windows: for the curious creating a symlink on Vista is just a matter of issuing mklink /d dir1 dir2).

But what about rebuilding the stuff with maven? I'd rather skip that step. Basically what it does is combyining and packing all CSS in one everything_packed.css. Is there a sort of config variable to tell liferay just to include the raw files and skip redeployment alltogether?

Thanks



Solution :

Guys I found the solution myself.

You should have a file called portal-ext.properties file in

$TOMCAT_DIR/webapps/ROOT/WEB-INFO/classes

Or more specifically for my win setup in C:\liferay\webapps\ROOT\WEB-INF\classes

The file would hold the value

theme.css.fast.load=false

This will prevent liferay to be looking for the everything_packed.css and so you're free to modify your stuff without rebuilding and CTRL-R to refresh the page and see the changes.


    CSS Howto..

    How to change column display order mobile/tablet view CSS Wordpress?

    How to do this with vertically stacked tabs, instead of horizontal?

    How to Centre Glyphicon Vertically In Bootstrap Button

    How to set footer responsive?

    Why are div's not staying in row and how to get them to?

    How to not lose the css while appending html to an element?

    Does anyone know how to getr this background effect with css?

    How to Make a Fluid Layout

    How to create a row of three expandable/collapsible divs which react on hover?

    how to deal with suffix and prefix in css

    How to match the last n children with CSS?

    How to make a radio button look like a toggle button

    Wordpress: How to add a caption right-aligned to the edge of the image

    How can I target only visible objects with nth-child?

    How to solve css selector conflit

    How to use CSS float without hiding parts of a DIV

    How can I create a bold/“cursor” border around a table cell?

    How to select -webkit-filter: drop-shadow with jQuery?

    Google Chrome Package Apps : How to make transparent rounded background like google hangout app?

    How can I modify left property after hide an element using JQuery?

    How to align colon vertically using css?

    How to center a child div with a smaller parent div

    how to display euro symbol in css after and before pseudoelements

    How to implement a webpage with tabs in my case?

    In Wordpress how can I create a page which has 3 col-md-4 blocks in a container?

    How Can I Override Style Info from a CSS Class in the Body of a Page?

    Use css to not show the text box

    How to trigger CSS-Filter animation on Click (or Scrolling)

    How can I know if I am clicking on a transparent or non-transparent part of a png on a web page?

    How to pass css :active pseudo class to javascript?