Skip to main content

All Questions

0 votes
1 answer
38 views

How do I edit the modal data-bs-keyboard attribute with javascript in bootstrap v5?

I am trying to have a sort of settings panel that enables/disables the data-bs-keyboard property of my modals, allowing or disallowing them to close with the escape key. So far the only code that ...
Bourtzi's user avatar
  • 11
0 votes
0 answers
22 views

Issue with Modal in Bootstrap: Modal does not close upon clicking outside

I have a Bootstrap modal that opens successfully upon clicking a button, but it doesn't close when I click outside of it, which is the desired behavior. How can I implement this functionality? Here's ...
DragonFruit's user avatar
0 votes
0 answers
13 views

Bootstrap Modal Not opening with new Bootsrap [duplicate]

When I use new css and js files, the modal seems to break. I copied the exact example from https://getbootstrap.com/docs/4.0/components/modal/#live-demo in hopes to rectify but no luck. This works: &...
user2860417's user avatar
0 votes
0 answers
42 views

Bootstrap Modal having problem but unable to fix it

It's opening a new window and the close button is working fine but "Save Changes" button is not submitting the form. Here is my code: <!DOCTYPE html> <html lang="en"> <...
Raakh's user avatar
  • 67
0 votes
0 answers
33 views

How can I make my AngularJS/bootstrap modal take up the full screen?

We are developing an AngularJS application in which we have a modal that we open like this: $modal.open({ templateUrl: 'template/modal/calcMeasurementConfig.html', controller: 'app....
gib65's user avatar
  • 1,901
0 votes
0 answers
58 views

Prevent multiple event handling in Bootstrap modal

I have a bootstrap modal for multiple actions like "Add user" or "Edit user". Every time I click a button it opens the modal for me and I can fill in the fields and submit. But if ...
user avatar
0 votes
1 answer
138 views

Symfony Bootstrap Modal only showing backdrop not the modal itself

Following this tutorial: https://symfonycasts.com/screencast/stimulus/modal-form#play, I'm currently developing a modal in which I will inject a symfony form in ajax. I use webpack and stimulus ...
Valoo's user avatar
  • 13
0 votes
1 answer
120 views

jQuery can not get backdrop & keyboard working

I am trying to disable background once a popup is open. I have tried a lot of stuff from here and other places. Everything else is working with no problem. // HAVE TRIED ALL OF THESE NONE WORK // // ...
Stephen Weaver's user avatar
0 votes
0 answers
79 views

Simulating multiple bootstrap modal popups in javascript in ASP.NET Core MVC project

I am trying to use the technique described on GetBootStrap.com, for simulating multiple modal popups, described here: See “Toggle between modals” here… https://getbootstrap.com/docs/5.3/components/...
BobC's user avatar
  • 103
0 votes
1 answer
698 views

Bootstrap 5.3 Change Backdrop To Static on Open Modal (JavaScript/JQuery)

How can I change a backdrop to 'static' on an open modal via jQuery or JavaScript? ? I need to prevent the user from closing the modal on click after they click the 'Submit' button on the modal. I ...
Luke's user avatar
  • 517
1 vote
1 answer
241 views

Bootstrap modal - close modal, refresh modal, reopen modal

I am working on upgrading a photo gallery (the standard ones don't allow the amount of text I need for some photos). Everything works, but when I run code on buttons to navigate to the previous or ...
Ken Mayer's user avatar
0 votes
1 answer
148 views

Django Add Related in Custom Form

I would want to have the highlighted functionality in my custom form. What steps should I take? That is, from my Add Contact form, select a registrar if existing or add one and have the id as an input ...
user2054274's user avatar
0 votes
1 answer
456 views

Trigger bootstrap modal without javascript (using if else)

Hello I'm trying to show modal with jinja2 (if - else) because I can't use javascript. this is my code. <!doctype html> <html lang="en"> <head> <meta charset="...
lidar's user avatar
  • 1
0 votes
1 answer
102 views

Bootstrap modal on Iphone - blank space

Hi im using a bootstrap modal and when opened the modal on an iphone and tap to write, the phone keyboard shows up and i noticed that a blank space at the bottom is added, anyone experienced this ...
jpok's user avatar
  • 1
0 votes
4 answers
5k views

Stop modal from closing on outside click or esc

Hi im trying to disable outside click in my modal. I've tried using methods like backdrop: 'static', keyboard: false but i cant seem to make it work html: <div class="container my-5"> ...
505notfound's user avatar

15 30 50 per page
1
2 3 4 5
117