How to specify dialog width and height?

[shansubra]

Is there any option available to specify the width and height of the dialog?

[giordanni612]

I need this option too. Anything about that? Aparently, styles via CCS (.modal-dialog, .modal-body) are not taken into account, I don't know why

[PinkTiu]

Is there any update on this? Has anyone found a solution?

[giordanni612]

I solved it like this:
In css:
.modal-xl {
width: 1100px;
}
.modal-header {
padding: 0;
}
.modal-fit.modal-body {
overflow-y: auto;
max-height: calc(100vh - 140px);
}

In MyModal.ts:
dialogInit(reference: ComponentRef, options: Partial<IModalDialogOptions>) {
options.settings = {};
options.settings.modalDialogClass = 'modal-dialog modal-dialog-centered modal-xl';
options.settings.bodyClass = 'modal-body p-0';
}

In MyModal.html:
div class="modal-body modal-fit"
...
div

*I have to remove < in html section since blog omitted it