Primefaces : modal Dialog : appearance

Question

I use a modal Dialog and I want to modify the appearance (color and opacity). Which skinning to use? Thanks for your help.

<p:dialog id="idDial" widgetVar="wvDial" modal="true" ... />

Did you actually inspect the **client-side** html? or read the fine, fine **documentation**? — Kukeltje, Mar 28 '20 at 18:02

score 3 · Answer 1 · edited Mar 30 '20 at 14:32

3

Based on user guide from PrimeFaces documentation you can redefine following style classes:

.ui-dialog Container element of dialog

.ui-dialog-titlebar Title bar

.ui-dialog-title-dialog Header text

.ui-dialog-titlebar-close Close icon

.ui-dialog-content Dialog body

edited Mar 30 '20 at 14:32

Jasper de Vries

answered Mar 28 '20 at 17:40

Vasil Lukach

I have searched for a long time on websites and stackoverflow but I cannot find the appropriate css skin. Should I use a solution with jquery or javascript? – Denis Duval Mar 29 '20 at 14:03
1

@DenisDuval: There is no such thing as a 'css skin' it just does not exist. Not in PrimeFaces, JSF, HTML, CSS... There can be a skin composed of css and javascript. But still then the CSS is all plain CSS selectors tweak those.. . – Kukeltje Mar 30 '20 at 10:56

1 Answers1