Prime Community Forum

Hi,
const ref = this.dialogService.open(SOME_COMPONENT, {
data: {},
header: 'XXXX',
width: '40%',
rtl: true,
closeOnEscape: true,
styleClass: ".ui-dialog .ui-dialog-titlebar .ui-dialog-title .save-system-header",
contentStyle: { "max-height": "350px", "overflow": "auto" }
});

the dialog still opens as rtl=false, its default value

hi
I have this problem too, any idea?

Hey all:
I am a fellow developer, not a PrimeNG employee. If you think this issue is a bug, you should report it on the GitHub account.

https://github.com/primefaces/primeng/issues/

I see that your styles include ui- which was removed in version 10. I am not sure how much support they give to old versions. On GitHub version 10 was last updated on Oct 8, 2020.

I ported to using bootstrap when I upgraded to version 10. You can decide differently and use PrimeNG's flex, or something else...

In general, I did a global search and replace as follows:
ui-grid-row -> row
nsg-content -> container
ui-grid-col- -> col-md-
ui-button- -> p-button-
ui-inputgroup -> ''
ui-inputtext -> ''
ui-grid ui-grid-responsive ui-fluid -> ''
ui-dialog -> p-dialog