Topic: Modal issue autoclose
Jeffen FAŸ free asked 5 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">×</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-->
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
Piotr Glejzer staff commented 5 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