By default, PrimeFaces will return total of four files, 2 css files and 2 Javascript files.

<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/theme.css?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/primefaces.css?ln=primefaces" />
 
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces"></script>
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/primefaces.js?ln=primefaces"></script>

Some people don’t like the default PrimeFaces CSS file and wonder how to remove it?

Solution

You are allow to remove only the theme.css file by following settings in web.xml.

  <context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>none</param-value>
  </context-param>

See output :

<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/primefaces.css?ln=primefaces" />
 
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces"></script>
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/primefaces.js?ln=primefaces"></script>
Note
Instead of remove the theme.css, you really should consider create a custom theme in PrimeFaces.

Any Idea?

I don’t want hacks the code and still thinking an easy way to remove the rest of the js and css files, do comment if you know how, thanks.

Reference

  1. Remove all Styling from PrimeFaces Components
Tags :
Founder of Mkyong.com and HostingCompass.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider making a donation to this charity, thanks.

Related Posts

Popular Posts