0

            <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true" style="background-color: red !important;" >
                Header
            </p:layoutUnit>

So after trying this only the border of the layout unit becomes colored. I need the entire unit to be colored.

Cameron Madurai
  • 9
  • 2
  • Tried using css? – Kukeltje Jul 18 '17 at 13:40
  • Yes i have , and nothing. I still get only the border to be colored. – Cameron Madurai Jul 18 '17 at 13:44
  • CSS has many more options... External stylesheet, embedded stylesheet, css selectors and more... If this is what you tried, please take a moment to learn some more of css and also read https://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles?rq=1 (it 'effectively' is a duplicate of your question) And keep in mind that css works on client-side html, not server side xhtml – Kukeltje Jul 18 '17 at 14:23

0 Answers0