Currently, I am utilizing PrimeFaces, which utilizes JQuery UI not just for its functionality but also for its CSS styling framework. The issue I am facing stems from my lack of understanding about the CSS framework, as I have been unable to locate any examples or documentation to assist me.
My goal is to apply the Theme's style for error messages to my own panel. Here is an example of what I am trying to achieve:
<p:panel rendered="#{bean.someError}" styleClass="?? what goes here ??">
<h:outputText styleClass="?? what goes here ??"
value="Error! A parameter on this page is incorrect and cannot be displayed. This may be due to using an outdated bookmark." />
</p:panel>
I want it to resemble the error message style you would see when using . Any guidance would be greatly appreciated.