Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

Bruno Rotrou pro asked 6 years ago


Hello

i take the sample from your site to have a modale frame , but i have only a simple modal. does i need additional  library ?

<div class="modal fade bottom" id="frameModalBottom" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<!-- Add class .modal-frame and then add class .modal-bottom (or other classes from list above) to set a position to the modal -->
<div class="modal-dialog " role="document">


<div class="modal-content">
<div class="modal-body">
<div class="row d-flex justify-content-center align-items-center">

<p class="pt-3 pr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum
quos..
</p>

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div>

i open with javascript like this :

$("#frameModalBottom").modal("show");

but i get a simple modale , with black background and i don(t want it.
thank for for help

Piotr Glejzer staff commented 6 years ago

Hi,

May you try to use JS code like that? Is that what you want?

$('.modal-backdrop').removeClass();
 
https://mdbootstrap.com/snippets/jquery/piotr-glejzer/248705
 
Best,
Piotr


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.9
  • Device: imac
  • Browser: chrome
  • OS: osx
  • Provided sample code: Yes
  • Provided link: No