Override with Custom Style Dialog Component (Prime Vue)

[vcruvinelr]

Hi,

I need to put the Dialog component in a custom position in the screen so I already achieve this overriding the style globally. I just add a css style as shown below.

Code: Select all

div .p-dialog {
  margin-left: 1100px;
  margin-bottom: 220px;
}

The main point is: I have to use the Dialog Component many times in different (and custom) positions so setting globally will not work at end.

I need to create styles for each one. I already tried to do that and change the

Code: Select all

:class

and also

Code: Select all

:style

direct in the component, but got no results. Probably a simple thing but I really missing something here. Hope anyone can help me with this.

Regards.