All Questions
Tagged with twitter-bootstrap-3 modal-dialog
231
questions
3
votes
1
answer
221
views
How make this modal responsive ? (IF i use tablet or other smartphone)
If I open it through a pc browser it will be responsive but when I change it to a tablet or smartphone view it does not become responsive, instead it becomes zoom (should zoom in if view). how to ...
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
2
answers
571
views
Bootstrap Modal breaks with FullCalendar
Error I recieve:
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'modal'
The minute I apply the links for the fullcalendar, modals break.
Any reason for this?
I ...
-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 * $('....
0
votes
0
answers
57
views
bootstrap modal form cannot edit on smartphone
I have a modal window that works fine on laptop..
On a smart phone, as soon as I click any input field (to edit), the modal disappears, and page reloads...
What is causing this behavior ?
<div ...
2
votes
0
answers
870
views
How to make Bootstrap modal dialog mobile friendly
I have the following modal dialog:
<div class="modal fade" id="theCoolestModal" tabindex="-1" role="dialog" ng-controller="theCoolestCtrl" data-backdrop="static" data-keyboard="false">
<...
1
vote
1
answer
55
views
Ajax issue of Django user login using bootstrap 3.x modal
My purpose is once modal form submitted, ajax pass the username and password to a view and get back the json info to update the modal form, I trace the djanog code ,and 100% sure the JsonResponse(...
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:...
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 ...
0
votes
2
answers
3k
views
Text-overflow ellipsis in bootstrap modal
What I want to obtain is a very long textual content in the body of a Bootstrap modal, disposed on a single line and terminating with the ellipsis if longer than the modal width.
<div class="modal-...
0
votes
1
answer
506
views
Display text outside Bootstrap modal
I want to display some text (copyright) in the right corner (outside the modal) when a Bootstrap modal is opened.
How to do that?
(Sorry for my English, greethings from Germany ;-)
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 ...