All Questions
Tagged with modal-dialog twitter-bootstrap
1,746
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 ...
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 ...
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:
&...
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">
<...
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....
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 ...
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 ...
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
//
// ...
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/...
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 ...
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 ...
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 ...
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="...
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 ...
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">
...