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<IModalDialog>, 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