multiple modal dialogs

Topic: multiple modal dialogs

ograf premium asked 8 years ago

Hello, I just started using the Pro version of mdbootstrap. I have a need to open multiple modal dialogs: first one dialog, then another one on top. Unfortunately Multiple modal dialogs have an issue where previous dialog is not covered by the new overlay. please advise. thank you, alex

Add comment

Rafał Rogulski free answered 8 years ago

0 0 Best answer

Hi, You must increase z-index of modals and overlay, Example with 2 modals: Don't change z-index of the first modal

#basicExample2 {
   z-index: 1052;
}

this is overlay beetwean modals

.modal-backdrop + .modal-backdrop {
   z-index: 1051;
}

Regards

Rothert pro commented 7 years ago

Seems to work on Mozilla but not on Chrome. Any idea? Thanks a lot Best regards Peter

Karlo Joseph Muring free commented 5 years ago

Tried it and its not working

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Specification of the issue

ForumUser: Premium
Premium support: Yes
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

ograf

Premium support 10Support score
3Questions 0Answers 0Snippets