bootstrap-modal Questions

2

I need to set as a dynamic id for the Boostrap modal and refer it. <div class="modal" id="questionEdit"> </div > <button type="button" class="btn...
Accident asked 25/6, 2022 at 11:4

19

Solved

I'm not sure why but all the modal functions are not working with me. I checked the version and the load they are fine. I keep getting this error message: Uncaught TypeError: $(...).modal is not...
Meteorite asked 17/4, 2016 at 3:18

16

I'm seeing the following error when I dismiss a particular modal: This didn't happen when I was using react-router v5, but I've recently updated to v6 due to other requirements and it started happ...
Weddle asked 6/5, 2023 at 5:19

8

Solved

I have been trying for more than two days to run SweetAlert prompt in a modal bootstrap without success, the input is not accessible and I don't understand why. I need help please. $("#openSWA...
Caracara asked 19/4, 2017 at 8:23

3

Solved

I have the following button: <button class="kv_styleclass_0 btn btn-outline-success btn-lg" data-bs-toggle="modal" data-bs-target="formModal" type="butto...
Diversion asked 9/12, 2022 at 18:43

6

Update: I added this: $("#id_project").select2({dropdownParent: $(".modal-body")}); ...and this causes the dropdown to be correctly placed, and the search can be typed into. Un...
Estellaestelle asked 12/2, 2018 at 21:25

7

Solved

Hello Following the tutorial here https://getbootstrap.com/docs/5.0/components/modal/#via-javascript they use a button to toggle showing the modal. And if you want to show a modal in bootstrap 5 wi...
Finnigan asked 14/9, 2021 at 1:45

4

Solved

I have a react-bootstrap modal with an <input>. I want to set the autofocus attribute on the <input> The following works fine, but shows a warning in the console <input type="text"...

17

Solved

I have a modal in my page. When I try to call it when the windows load, it prints an error to the console that says : $(...).modal is not a function This is my Modal HTML : <div class="moda...
Supplicate asked 10/9, 2014 at 5:33

7

Solved

I am using Bootstrap's Modal class to have a modal appear after clicking a button. The code works - the button is clicked and the modal appears, however, the whole screen is grayed-out and the moda...
Oz asked 22/12, 2016 at 22:40

7

Solved

Bootstrap use blackout when it shows modal dialog. How I make blur effect on entire background?
Jerol asked 24/10, 2013 at 16:52

3

Solved

I have been tasked with creating a modal, but I was told that the Bootstrap library will not be available to me in this build. Is it possible to build a modal without Bootstrap classes? If so, can ...
Bakehouse asked 27/4, 2017 at 16:45

5

Solved

IOS only / iPhone X / iPhone 7 etc. Even jquery modal libraries don't work! https://jquerymodal.com/ - Open the modal on your iPhone and you will be able to scroll the body. I am finding it very...
Conventional asked 20/2, 2019 at 12:56

8

Solved

I have a page with a modal with a lot of info so you need to scroll. This modal contains a link to a second modal. When I open modal 1 click on link to open modal 2 (modal 1 stays in background)...

20

Solved

I have a Bootstrap modal dialog which contains a form. The modal dialog contains a submit and a cancel button. Now on submit button click the form is submitted successfully but the modal dialog isn...
Sadye asked 2/11, 2015 at 12:46

9

Solved

i want to show react-bootstrap-modal but only the overlay appear and modal not showing import Modal from 'react-bootstrap-modal'; ...... <Modal show={this.state.open} onHide={this.closeModa...
Stockjobber asked 22/1, 2017 at 20:49

4

I've tried making this to work, but this is what happened. Using react-draggable npm package, I was able to make contents draggable and droppable. But the back of whole dialog stays in place, and...
Markswoman asked 28/8, 2017 at 23:32

15

How to remove bootstrap modal overlay for particular modal. when modal appears background has black color with some opacity is there any option for removing that elements...
Relativistic asked 8/9, 2015 at 13:37

3

Solved

I'm using vue.js 2 and bootsrap 3 to open a modal that opens a 2nd modal. Few days ago, I asked a question on how to set a focus on a control contained in a 2nd modal. I got a great answer that so...
Mammiemammiferous asked 8/9, 2017 at 11:49

4

Solved

hope you'll be able to help me so here is my problem: I would like to integrate a TinyMCE editor in a Bootstrap 5 modal But the problem is that in TinyMCE modals (for example link modal), I'm unabl...
Unanimity asked 30/3, 2021 at 13:1

25

I have two button here that are being used to close the modal. The first is the close icon and the other one is cancel button, both use data-dismiss to close the modal. However, both of them are no...
Wagonlit asked 23/7, 2016 at 2:47

6

Solved

I've successfully imtegrated the NgbModal into my Angular 2 application, I currently have another component being shown within the modal. The issue I have is once it's appeared and I click close I...
Yuan asked 30/12, 2016 at 23:10

6

I have two tabs First tab display me the details of employee whose age is less then 40 and the second tab display me the details of employee whose age is grater then 40 when I click the 1st tab and...
Openandshut asked 9/11, 2015 at 9:35

6

FIX UPDATE: It seems that the way i was initializing the box was causing issues here is what fixed it <script> $(function () { var input = document.getElementById("keyword"); var autocom...
Eyepiece asked 20/3, 2016 at 5:25

3

Solved

I´m using CBV in Django to delete items. What I want to do is when I click the button to remove, instead of redirecting me to the post_confirm_delete view I want to pop up a modal in which I show t...

© 2022 - 2025 — McMap. All rights reserved.