All Questions
Tagged with twitter-bootstrap-3 modal-dialog
231
questions
245
votes
35
answers
354k
views
Multiple modals overlay
I need that the overlay shows above the first modal, not in the back.
$('#openBtn').click(function(){
$('#myModal').modal({show:true})
});
<a data-toggle="modal" href="#myModal" class="btn ...
- 2,665
125
votes
24
answers
527k
views
Bootstrap: Open Another Modal in Modal
So, I'm using this code to open another modal window in a current opened modal window:
<a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a>
What happens ...
- 4,490
108
votes
22
answers
216k
views
bootstrap jquery show.bs.modal event won't fire
i'm using the modal example from the bootstrap 3 docs. the modal works. however i need to access the show.bs.modal event when it fires. for now i'm just trying:
$('#myModal').on('show.bs.modal', ...
- 1,193
80
votes
6
answers
389k
views
Bootstrap 3 - How to load content in modal body via AJAX?
As you can see here, I have a button that launches a modal. Setting an href url for the button this url is automatically loaded into modal by Bootstrap 3.
The fact is this page is loaded into modal ...
- 1,143
42
votes
19
answers
118k
views
How to prevent background scrolling when Bootstrap 3 modal open on mobile browsers?
How to prevent background scrolling when Bootstrap 3 modal open on mobile platforms? On desktop browsers the background is prevented from scrolling and works as it should.
On mobile browsers (Safari ...
- 7,573
34
votes
6
answers
61k
views
How can I change the width of a Bootstrap 3 modal in IE8?
I have to support IE8. The modal itself works fine, but my attempts to resize it (which work fine in Firefox) don't work in IE8.
I'm just adding a class (wide-modal in this example) to the modal-...
- 817
30
votes
3
answers
57k
views
Twitter Bootstrap 3 Modal with Scrollable Body
I am moving from Bootstrap 2 to Bootstrap 3. In the old version, I was using modals which had long content, and the modals automatically scrolled when a given max height was reached.
In Bootstrap 3, ...
- 1,750
24
votes
4
answers
90k
views
Bootstrap 3.0 Modal
I am stuck. Given Bootstrap 3.0 is about to be released, I decided to go with it for a new project. Things are going fine so far, but for the life of me, I can't figure out how to do a Modal Dialog in ...
- 667
24
votes
1
answer
49k
views
Placing columns inside bootstrap modal
I'm trying to get a Bootstrap model to have multiple columns inside it, however it does not appear to be working with my content appear vertically as opposed to in columns. My code is here:
<div ...
- 823
22
votes
6
answers
50k
views
How to make bootbox closing when using custom dialog
I'm using bootbox to show dialog.
If I use bootbox.confirm, bootbox.alert or bootbox.prompt, when pressing escape key or clicking outside the dialog, the dialog closed as expected
but when using ...
- 26.3k
22
votes
4
answers
57k
views
How to prevent bootstrap modal from closing from button using onclick?
i have modal with button (Save)
<button type="button" class="btn btn-success btn-sm" data-dismiss="modal" onclick="do_save()">Save
</button>
how to prevent closing when do_save() ...
- 26.3k
18
votes
5
answers
32k
views
Bootstrap 3.0.0 modal events not firing
I can't seem to get modal events working at all using Bootstrap 3. I want to perform an action when my modal closes, but nothing's happening.
Here's my stripped back HTML:
<button type="button" ...
- 226
17
votes
1
answer
43k
views
How to center spin.js spinner in bootstrap 3 modal?
I am trying to display and center the spin.js spinner in a Bootstrap 3 modal. Using the code below I got it to work in IE and FF but NOT in Chrome, Safari Desktop, Chrome IOS, Safari IOS.
The ...
- 7,573
13
votes
4
answers
34k
views
Select2 Select in Bootstrap Modal
I've already checked the other threads, covering this problem, but none of this solutions work for me.
I'm using jquery 1.11.2, select2-4.0.0-beta.3 and bootstrap-3.3.1
My modal looks like following:...
- 2,910
13
votes
4
answers
8k
views
How can I unfocus the modal trigger button after closing the modal in bootstrap
I can't seem to blur the button after closing the modal.
$('#exampleModal').on('hidden.bs.modal', function(e){
$('button').blur();
});
I've tried the above and it still doesn't seem to ...
- 700