All Questions
70
questions
-1
votes
1
answer
257
views
Draggable blocking opening of Bootstrap datepicker inside of modal (mobile)
I'm having problems with getting the Bootstrap datepicker to show on mobile devices. The datepicker is inside of a draggable modal, and everything works as expected when viewed on a desktop / laptop.
...
1
vote
0
answers
1k
views
Bootstrap - Modal dialog avoid duplicate entry and empty on load
I am having a web app using bootstrap 3, datatables, js and php.
I am facing two issues:
a) When i press SAVE button on modal, it sometimes taking more seconds to load the code. This has a result, ...
0
votes
1
answer
551
views
Modal stuck in `.backdrop` on button click
I have 2 Bootrap modals. The first one come in when the page loaded using a little jQuery:
<script type="text/javascript">
$(window).load(function () {
$('#...
0
votes
1
answer
38
views
jquery ui / bootstrap dialog shown BEFORE an a href is clicked
Scenario is as follows:
I have a buch of <a href="X"> elements so that, before the redirects happen, I want to wait for a bootstrap modal / jqueryui dialog (nevermined which, though I'd rather ...
0
votes
1
answer
978
views
Bootstrap Modal Dialog is auto scroll browser to top when open through JQuery
I am opening a delete confirmation bootstrap modal dialog, everything is fine but when I open it through jquery, it scrolls the browser to top which I want to restrict. I want the same browser ...
1
vote
1
answer
857
views
Bootstrap modal non blocking body
I'm building a Floating button at the bottom right of my web page. When I click on the button I'm opening a modal and I show some pieces of information in it (next to the floating button like a chat-...
2
votes
0
answers
61
views
Disable click outside of bootstrap modal area only for a few second [duplicate]
I have a Boostrap modal that pops-up when a user reaches a webpage.
I'd like to prevent, only for a few seconds, users closing the modal, by clicking outside of it. After that time the user will ...
-1
votes
1
answer
929
views
How to close multi modal forms right with the "Esc" keyboard button?
I found this question about how to avoid the overlay of the second modal. So I have applied the @A1rPun fix:
$(document).on('show.bs.modal', '.modal', function () {
var zIndex = 1040 + (10 * $('....
1
vote
2
answers
317
views
JQuery submit() function not submitting HTML form from button triggered in Twiiter-Bootstrap 3 Modal
I am creating an unsubscribe page that contains a form element followed by a twitter-bootstrap 3 modal, currently it is just HTML/JQuery. The modal is triggered when clicking on a button element ...
0
votes
1
answer
4k
views
Display PDF in popup
I have searched for hours on a way to display a pdf on a modal window, I've seen the posts that have similar issue.
I have made it to display a pdf on a modal window as you can see in this picture
...
0
votes
1
answer
755
views
Update bootstrap modal title on closing and reopening
I have a bootstrap modal that is toggled with this element;
<i id="modal" data-toggle="modal" data-title="Title1" data-target="#Modal"></i><span>Open modal</span>
When modal ...
2
votes
1
answer
18k
views
prevent bootstrap modal close on click outside
I want to prevent closing bootstrap modal if user clicks outside modal or press ESC. I know this question was asked many times, but they didn't help
my modal
<div class="modal fade modal-popup ...
1
vote
1
answer
5k
views
Bootstrap modal won't show when applied display:none and then display:block to parent div
Here's my code. Now I am changing the properties of the div with class col-sm-6 on click of a button which turns display:none using jquery. On click of another button I change it back to block but the ...
0
votes
1
answer
260
views
can bootstrap modal open different pages
i have like 20 links on a page and all of them open the same modal but with different sets of content..
the links are like :
<a href="/applications/upcoming/2017-04-30/VISA/0" data-target="#...
0
votes
1
answer
875
views
Get data id modal bootstrap
I would like that when clicking the button it presents the data-id in the modal.
<button data-id="$id" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">OPEN</button&...