Looking for a way to customize the styles of PrimeNG or Angular2 components? The documentation may be lacking clarity, but you can find more information at this URL: http://www.primefaces.org/primeng/#/dialog
So, how do you actually go about changing the styles of a component?
Take the Dialog component for example; it has properties for style and styleClass:
style string null Inline style of the component.
styleClass string null Style class of the component.
In addition, there's a class called
ui-dialog-content Content elementLet's say you want to change the overflow style of ui-dialog-content to visible. What steps should you take?
The documentation might not provide a clear answer.
I attempted creating a class like so:
.dialog-overflow{
overflow: visible;
}
and applying it with
<p-dialog styleClass="dialog-overflow" ...Update: I also tried these options without success:
.dialog-overflow .ui-dialog-content {
overflow: visible;
}
and this:
.dialog-overflow >>> .ui-dialog-content {
overflow: visible;
}