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
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.
how to remove the default css only to one page?
You can overwrite the default primefaces.css file by creating an empty file in: WebContent/resources/primefaces/primefaces.css
You can overwrite the default primefaces.css file by creating an empty file in: /resources/primefaces/primefaces.css
I tried this but the CSS isn’t removed. The button still uses JQuery UI CSS.
i tried it, but it stops java-script also
Did You find working solution for second CSS?
thanks MKYOUNG for such wonderfull idea..
when i put code into web.xml so that default theme of primefaces is remove. but one problem arrive in my project radio button is not display which i am using at many palces.