Jeffen FAŸ free asked 6 years ago


I have an issue with the modal success style, when I click the button to toggle it, it auto close it at the same time.

Here's a sample of the code I used :

<button type="submit" name="submit" class="btn btn-outline-primary" data-toggle="modal" data-target="#registerSuccess">Send</button>

<!-- Central Modal Medium Success -->
<div class="modal fade" id="registerSuccess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-notify modal-success" role="document">
<!--Content-->
<div class="modal-content">
<!--Header-->
<div class="modal-header">
<p class="heading lead">Congratulations</p>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="white-text">&times;</span>
</button>
</div>
<!--Body-->
<div class="modal-body">
<div class="text-center">
<i class="fas fa-check fa-4x mb-3 animated rotateIn"></i>

</div>
</div>
<!--Footer-->
<div class="modal-footer justify-content-center">
<a type="button" class="btn btn-success">OK<i class="fa fa-diamond ml-1 text-white"></i></a>
</div>
</div>
<!--/.Content-->
</div>
</div>
<!-- Central Modal Medium Success-->

Piotr Glejzer staff commented 6 years ago

Hi,

I think that modal is working correctly. It is showing a modal when the button is clicked. Only button 'ok' doesn't work. Are you sure that is the wrong example?

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: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Personal Computer
  • Browser: Firefox
  • OS: Ubuntu
  • Provided sample code: Yes
  • Provided link: No