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