All Questions
Tagged with twitter-bootstrap-3 modal-dialog
231
questions
0
votes
1
answer
541
views
How do i get the ID of a product so i can display each product in Bootstrap Modal
I have a set of products in pagination in products.php , and i when i click "Details" button, i want a modal to popup and show each product Specification that i have in products_details.php.
...
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, ...
0
votes
1
answer
310
views
how to pass data to modal to dynamically construct modal using bootstrap4.6
Recently I moved to adminLTE3(using bootstrap 4.6) and use it as a front-end framework for Tornado. I encounter a problem with modal.
In the old version of adminLTE(using bootstrap 3.3), I can ...
-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
2
answers
867
views
How to constrain content to modal dialog width?
I have a long string of text in a modal dialog box, but the text does not wrap or stay inside the dialog. How can I fix this? Below is an image and my template for the dialog.
<div class="...
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 ...
0
votes
1
answer
56
views
Modal show button not working when position fixed
I have a button that has been set as position:fixed to the right of the page.
When its clicked it should open the modal however it doesn't do anything when clicked.
If i remove the position:fixed it ...
2
votes
0
answers
2k
views
How to keep bootstrap modal at bottom of viewport for mobile - modal is bottom-right for desktop but stays top in mobile viewports
I am trying to display a bootstrap modal at bottom-right in desktop viewports and centered-bottom for mobile.
I am using position:fixed and bottom: 0; which works for desktop viewports but my ...
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 ...
0
votes
1
answer
2k
views
Twig variable inside data attribute
I have a problem with a twig variable with a filter inside a data- attribute in order to pass some content into a bootstrap modal. The problem is the filter obfuscateEmail which changes the content of ...
0
votes
3
answers
4k
views
ngOnInit does not work second time in modal form
I've created a component to be opened as modal form and placing it to my form like below:
<app-customer-definition [customerCode]="null" (save)='customerSave($event)' (cancel)='customerCancel()'&...
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 ...