bootstrap-modal Questions
8
Solved
First, I open my modal using this:
$('#myModal').modal('show');
Then, in another situation, I need that this same modal does not close when pressing ESC/clicking outside, so I use this:
$('#myM...
Lemnos asked 23/12, 2015 at 17:1
9
Solved
Is there a decent way in Vue (2) to handle a Bootstrap (3) modal hide-event?
I found this as a JQuery way but I can't figure out how to capture this event in Vue:
$('#myModal').on('hidden.bs.moda...
Phylloid asked 28/2, 2017 at 15:30
4
Solved
The month select in the datepicker doesn't work in FireFox if it is within a bootstrap-modal.
<button class="btn" id="btn">Click Me</button>
<div class="modal hide" id="modal" tabi...
Clabber asked 26/2, 2014 at 18:56
4
This is code I'm using in my HTML page. In my angular module I import every relevant things. But always says this error because of backdrop. Please help. I have no idea about this backdrop.If some ...
Detonation asked 14/8, 2017 at 6:29
2
I have created a modal component called ImportCardModalComponent.
This component must be opened if the login is failed. like follows:
this.authSerivce.logInRegular(this.model).then(result => ...
Apologetic asked 9/11, 2018 at 19:24
4
Solved
I'm using ngb modal in my Angular 7 application,
and while the modal is opened I need to scroll to the top of the modal when I do a specific action.
For example, there is a button in the bottom of...
Leman asked 28/1, 2020 at 1:48
3
Solved
I am using BS modal in my project. I am using a button to open the model but as I open the modal I get this error in my console.
Error:
modal.js:418 Uncaught TypeError: Cannot read properties of nu...
Dorcy asked 24/4, 2022 at 7:36
21
Solved
I don't know JavaScript at all. The Bootstrap documentation says to
Call the modal via JavaScript: $('#myModal').modal(options)
I have no clue how to call this on a page load. Using the supplied ...
Kukri asked 19/4, 2012 at 17:32
3
I want to show a chart in a bootstrap modal. Codes here:
but it doesn't work, chart not display. How to fix that?
<div id="myModel" class="modal fade" tabindex="-1" role="dialog" aria-labell...
Jacintha asked 30/11, 2013 at 15:3
33
I would like to center my modal on the viewport (middle) I tried to add some css properties
.modal { position: fixed; top:50%; left:50%; }
I'm using this example http://jsfiddle.net/rniemeyer...
Superadd asked 5/8, 2013 at 8:9
4
Solved
I have used the hidden.bs.modal event, but it doesn't work. I tried with the code below. I really don't know what to do.
$('#myModal').on('hidden.bs.modal', function(e) {
alert('test');
})
...
Ause asked 3/2, 2020 at 11:32
8
Solved
I am using React-bootstrap in my project.
I need to open multiple dialog.
Is there any way to achieve this?
Note:
There is answers for bootstrap here but it does not work in react-bootstrap.
Thank...
Lowenstern asked 28/1, 2016 at 11:43
2
Solved
I am trying to autofocus input element on bootstrap 4 modal open . I have tried below code from http://getbootstrap.com/docs/4.0/components/modal/ but this is not working.
Can someone help me to g...
Shamanism asked 8/3, 2018 at 16:52
5
Solved
Using bootstrap 5
I have a modal which I show when #truck_modal is clicked which works just fine like so:
(this code is at the top of my js file)
document.addEventListener('DOMContentLoaded', funct...
Apiarist asked 9/3, 2021 at 5:57
3
Solved
I am trying to change the modal-body text when modal trigger button is clicked . The modal is opening but the modal-body text is not changing.
This is the code for modal:
<button type="butt...
Avina asked 27/3, 2017 at 13:5
7
Solved
I´m working with Angular 4, Firebase and Angular Bootstrap. I open the modal, which is a user form, and the idea is to close the modal as soon as the user logs in using one of the methods to login ...
Tenotomy asked 23/11, 2017 at 16:6
3
sorry for the basic question, I'm working on MVC ASP.NET and I'm trying to add a bootstrap modal in my navbar, I run the code, i can see the button i can touch on it, but after it open, the screen ...
Marpet asked 17/12, 2015 at 6:52
2
Solved
I have a header with dropdown-menu. If I click, I will see the menu. All work perfectly. Here is the HTML:
Another page I had import modal from bootstrap and nothing happens when I click on the dr...
Lundell asked 22/6, 2021 at 13:47
10
Solved
How do I open / enlarge an image in a modal using jquery / js and not data attributes?
Anytime a user inserts an image into a content editor I need it to be clickable to expand in a modal with js...
Admirable asked 29/7, 2014 at 19:12
2
Solved
I'm creating some modals with Bootstrap.
I'm using different div's as showed in Bootstrap component explanation.
What I'm experiencing is that when my screen size is larger than x (mean some unkn...
Malachite asked 22/1, 2016 at 23:13
7
Solved
I'm trying to launch a Bootstrap modal on page load without firing a HTML button or using jQuery.
Here's my code:
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/c...
Whitsuntide asked 27/12, 2013 at 3:36
2
Solved
I'm building a simple webpage with a navbar and table. The table rows are generated from a simple JS script fetching data asynchronously from a DB.
I decided to use Bootstrap5 for convenience, but ...
Pseudohermaphroditism asked 14/5, 2021 at 12:27
4
Solved
I want to force the user to read all the agreement inside the modal. The idea is simple, if they don't scroll to the last line of the text. The button still disable. But the button is not enable. T...
Eckhart asked 26/1, 2016 at 7:33
5
Solved
I'm calling a parent method from child component using props and I'm getting this error:
The way I'm passing props to the AddGuest child component is like this:
import React from 'react';
impor...
Beaverbrook asked 7/1, 2020 at 10:40
3
I Have both these plugins included in same page which is causing conflict in-between them.
I removed the Bootstrap.min.js and SimpleModal worked fine.
I removed jquery.simplemodal.js and Bootstrap...
Burrell asked 22/7, 2014 at 12:33
© 2022 - 2025 — McMap. All rights reserved.