CODEWITHSUNDEEP
cssjsfjsf-2primefaces
user1285928
user1285928

Reputation: 1476

Removing Primefaces CSS layout from JSF page

I have a JSF page with from. I also use Primefaces. At the bottom of the page I have two buttons which execute the JSF form:

<div id="settingstwodivthree" style="width:400px; height:60px; position:absolute;  background-color:transparent; top:380px; left:800px">
    <p:commandButton value="Save Settings" id="ajax" actionListener="#{GeneralController.updateDBSettings}" rendered="true" update="growl,settingsupdate"/>
    <p:commandButton value="Default Settings" id="defaultsettings" actionListener="#{GeneralController.defaultSettings}" rendered="true" update="settingsupdate"/>                  
</div>

When I add Primefaces into the JSF page the default layout of the button is changed. It seems that css file from Primefaces is overriding the layout of the buttons.

I added this into the web.xml file:

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

But the problem is still there. Is there any way some how to disable the css overriding?

Upvotes: 3

Views: 4693

Answers (1)

wutzebaer
wutzebaer

Reputation: 14875

hi i had the same problem with the remaining primefaces.css, i solved it by placing an empty file in this folder, to override the primefaces file

WebContent\resources\primefaces\primefaces.css

Upvotes: 7

Related Questions