Topic: Dynamic modals y plugin mdb-draggable
Good evening, I am using modal windows in angular with mdbootstrap-pro, the modal window is invoked with the following code:
this.modalRef = this.modalService.show (CompraModalComponent, {backdrop: true, keyboard: true, focus: true, show: false, ignoreBackdropClick: false, class: 'modal-side modal-top-right', containerClass: 'right ', animated: true});
what i need is to use the mdb-draggable-9.0.0.tgz plugin with these modal windows being dynamically invoked. since I was trying it but it still doesn't work for me, since the modal's parent div are automatically generated when invoking the modalComponent.
How can I do it, to integrate the plugin with the modal windows invoked dynamically?
I am expecting your answers, thanks.
Cheers.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Pro
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: 9.0.0
- Device: Lapto
- Browser: Google Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
Arkadiusz Idzikowski staff commented 5 years ago
Please translate your question into English.
llopezj pro premium priority commented 5 years ago
is already translated.
Arkadiusz Idzikowski staff commented 5 years ago
Unfortunately it's not possible at the moment. The modal template is generated dynamically in this case and we need to find a way to dynamically initialize draggable on created elements. For now, you can try to add
mdbDraggabledirective to the element with classmodal-contentin the modal HTML template. But in some cases, it can cause problems with modal container.