Cambiar los colores del Dialog

Agregamos el css
.customDialog {
color : white;
}
.customDialog .ui-dialog-titlebar.ui-widget-header {
background: white !important;
}
Creamos un boton para invocarlo
<p:commandButton value="Show Dialog" onclick="PF('dlg').show();" type="button" />
Indicamos el css en el dialogo
<p:dialog header="Dialog" widgetVar="dlg" dynamic="true" styleClass="customDialog">
<h:outputText value="This content is loaded lazy." />
</p:dialog>
Si le quitamos el styleClass
<p:dialog header="Dialog" widgetVar="dlg" dynamic="true" >
<h:outputText value="This content is loaded lazy." />
</p:dialog>
Se mostraria

Last updated
Was this helpful?