All Questions
34
questions
0
votes
0
answers
51
views
Can I close a bootstrap modal (v3) and link to a different site, without using JS?
I've created a modal (Bootstrap v3) on a site that doesn't allow for any Javascript, just HTML and CSS (Bootstrap v3). I'd like to have a button at the bottom that users can click to close the modal, ...
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
0
answers
135
views
Bootstrap 3 modal box doesn't show if mobile/ipad/tablet screen is locked?
I have modal box that should show if warning timer is triggered. Here is example of my code:
var sessionMinutes = 5, // Session length in minutes.
secondsToModal = 120, // Set number of ...
0
votes
1
answer
964
views
bootstrap modal scale and translate
My bootstrap modal has animation with translate.
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform:...
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 ...
3
votes
1
answer
11k
views
Open bootstrap modal in new tab
Is there anyway to open bootstrap modal in new tab after click middle mouse button (or just simply click right mouse button on item and click "Open in new tab")?
Expected behaviour:
User can open ...
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
563
views
Prevent bootstrap modal from closing when inputs are not filled
I have a grid of students and a button. When a user clicks it, a new modal is shown.
In the modal there are some inputs and a button "save".
When a user clicks save via angular, the new student is ...
0
votes
1
answer
366
views
Wordpress + bootstrap + modal
I'm having some trouble with this code. Basically, 4 recent posts have to be opened in modals. This all happens inside a loop. It "works" but I have 2 issues:
I need to click many times on the volume ...
0
votes
0
answers
40
views
how to keep scroll on modal popup called from an other modal window
here my problem:
I open a modal popup and I can scroll it properly, then when I open a new model popup from this one if I try to scroll down this popup the scroll is on the main webpage in background....
0
votes
1
answer
442
views
Modal does opens but does not close?
I am having Issues with the modal, it opens on loading and does not respond to clicks to close it. Not sure what the Issue is. Attached is the code I have. How do I make the modal open as I click the ...
1
vote
1
answer
10k
views
Empty "<div class="modal-backdrop fade in"></div>"
I have problem with modal in my code, there is not appear and div with class "modal-backdrop fade in" is empty.
<body>
<button type="button" title="Usuń" class="deleteButton btn btn-default ...
4
votes
1
answer
6k
views
How can i trigger a bootstrap modal at a specific height of the window scroll , for just Once?
I want to show user a modal window when vertical scrollbar position is beyond a specified limit.
Here is my HTML code
<div class="container">
<h2>Modal Example</h2>
...
2
votes
2
answers
3k
views
Issues with image inside Bootstrap modal
http://codepen.io/anon/pen/jWGXKJ
<a data-toggle="modal" href="#modal" class="btn btn-primary">Open</a>
<div id="modal" class="modal modal-wide fade">
<div class="modal-dialog"&...