Category : bootstrap-modal

My select2 works properly in one modal but not in another one. After posting the code I will explain the problem better. This is the code of the modal where the select2 works fine <div class="modal fade " id="modalAgendaCita" tabindex="-1" role="dialog" aria-labelledby="modalAgendaCitaLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="modalAgendaCitaLabel">Modal title</h5> ..

Read more

I’m looking to open a modal on checkbox check in vue-bootstrap. I have a checkbox I’m not sure if it’s the right approach with this but I need it to have a v-model too. <b-form-checkbox id="checkbox-1" v-model="healthDocument" name="checkbox-1" value="accepted" unchecked-value="not_accepted" > Health Documents </b-form-checkbox> and a modal <div> <b-button v-b-modal.modal-1>Launch demo modal</b-button> <b-modal id="modal-1" title="BootstrapVue"> ..

Read more

Im trying to programmatically open a bootstrap 5 modal, but nothing happens when the code executes. I have bootstrap.min.js included in my page, I have a HTML modal template in my page <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">New message</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> ..

Read more

I add some special functionality in my modal close event with sweetalert2 but I have faced some issues when I close the modal the first time the close event does not show up again when I opened. Live Example: https://codepen.io/themes4all/pen/oNWeYzp Note: to know exactly what I’m talking about trying to close the modal and opened ..

Read more