Dynamic modals

marc parthoens asked 5 years ago

Hi,

We have implemented Dynamic modal as described in https://mdbootstrap.com/docs/angular/modals/basic/#dynamic

like this:

Calling component.ts:

enter image description here

Modal windows appears normally like this:

enter image description here

At this stage, when enter key is hit, we get this error and the same modal id called again (2 same modals are uperposed). Hitting enter again brings another superposed modal, etc... Just like if modal did not get the focus:

enter image description here

Can you help?


Damian Gemza staff answered 5 years ago

Dear @marc parthoens

This problem is resolved in MDB Angular 8.

If it's possible, please upgrade your project to the MDB 8.

Best Regards,

Damian


marc parthoens commented 5 years ago

Like you suggested I migrated from 7.4.3 to 8.1.1This specific issue seems to be solved.BUT I have many styles issues.One of these is:I have read https://mdbootstrap.com/docs/angular/getting-started/migration/#mdb8-components

I compared ng-admin-pro-7.4.3 sources and I compared ng-admin-pro-8.1.1

I found nowhere that div class=card card-cascade narrower should be replaced by: mdb-card cascade="true" narrower="true

There are probably lot of changes like this.How can I get a full list of these changes?


Arkadiusz Idzikowski staff commented 5 years ago

We prepared migration guide: https://mdbootstrap.com/docs/angular/getting-started/migration/


marc parthoens commented 5 years ago

Are you kidding? My first sentence said that I have read this. I found no reference to mdb-card replacing card


Arkadiusz Idzikowski staff commented 5 years ago

Sorry, somehow I overlooked that. <mdb-card> syntax was added long time ago (in version 6.2.1). The old syntax still worked because the styles were stored globally. In 8.0.0 we moved the styles to the components modules and they are no longer accessible until you import specific module and use component selector. We will add necessary information to the migration guide to avoid misunderstandings.


marc parthoens commented 5 years ago

The misunderstanding comes from thet ng-admin-pro-7.4.3 still use old syntax


Arkadiusz Idzikowski staff commented 5 years ago

Yeah, it look likes version 7.x.x had some leftovers from the old syntax. However, it should be corrected in new versions (8.x.x).


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: pc
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes